workflow-init — Claude Code skill: what it does, how to install
Sets up Vercel Workflow SDK in a project where workflow is not installed yet: picks the framework from package.json and walks the official guide up to a working first run.
npx skills add vercel/workflow --skill workflow-init -a claude-codeWhat workflow-init does
This skill covers the moment before workflow exists in node_modules. It reads package.json plus config files and matches them against a fixed order — next, nuxt, @sveltejs/kit, astro, @nestjs/core, nitro, express, fastify, hono, vite — then pulls exactly one getting-started guide and follows it: dependencies, framework config, a first workflow, a route handler, a run.
Several matches or none at all means it asks instead of guessing. In an empty directory you pick between a web app, an API server and a minimal server, and the skill starts from the project-creation section of that guide. Concept questions before installing get answered too, from the workflows-and-steps and cookbook material.
Verification is part of the flow: start the dev server, hit the example endpoint with curl, read the logs to see steps executing. Optional extras are npx workflow web and npx workflow inspect runs. Once workflow is already a dependency, skip this skill — it hands off to /workflow, which reads versioned docs from node_modules/workflow/docs/. Run it before the package lands, not after.
What it helps with
- get a durable workflow running in a fresh Next.js app
- settle which framework you are on when
package.jsonmatches several - confirm the workflow steps actually execute instead of failing quietly
- wire a first route handler into a Hono or Fastify server
- grasp what a workflow and a step are before adding the dependency
Example prompts for the agent
- Install workflow in my Next.js project and show me how to run the first workflow
- Set up the workflow sdk in this Express app, it's empty right now
- Add durable workflows to my SvelteKit project, the framework is already there
How to install workflow-init
1Skills CLI (Vercel)
npx skills add vercel/workflow --skill workflow-init -a claude-code2Manually: put the files in place
~/.claude/skills/workflow-init/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/workflow-init/
1Skills CLI (Vercel)
npx skills add vercel/workflow --skill workflow-init -a codex2Manually: put the files in place
.agents/skills/workflow-init/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add vercel/workflow --skill workflow-init -a cursor2Manually: put the files in place
.cursor/skills/workflow-init/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install vercel/workflow workflow-init2Manually: put the files in place
.github/skills/workflow-init/SKILL.md1Skills CLI (Vercel)
npx skills add vercel/workflow --skill workflow-init -a gemini-cli2Platform CLI
gemini skills install https://github.com/vercel/workflow --path skills/workflow-initManually: put the files in place
.devin/skills/workflow-init/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add vercel/workflow --skill workflow-init -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
From the same set2
The whole set →Similar
Questions about workflow-init
How do I install workflow-init in Claude Code?
Run npx skills add vercel/workflow --skill workflow-init -a claude-code. The skill lands at ~/.claude/skills/workflow-init/SKILL.md.
What does workflow-init do?
It runs the first-time setup of Vercel Workflow SDK: detects the framework, fetches that framework's getting-started guide and follows it through to a verified run.
How is it different from `/workflow`?
/workflow is for ongoing work after installation and reads the versioned docs in node_modules/workflow/docs/. If workflow is already a dependency, workflow-init points you there.
Source text
SKILL.md · Apache-2.0
--- name: workflow-init description: Install and configure Vercel Workflow SDK before it exists in node_modules. Use when the user asks to "install workflow", "set up workflow", "add durable workflows", "configure workflow sdk", or "init workflow" for Next.js, Express, Hono, Fastify, NestJS, Nitro, Nuxt, Astro, SvelteKit, or Vite. metadata: author: Vercel Inc. version: '1.4' --- # workflow-init Initial setup of Vercel Workflow SDK **before** `workflow` is installed. Fetch the official getting-started guide for the user's framework. ## Decision flow ### 0) Sanity check Read `package.json`. If `workflow` is already a dependency, tell the user to use `/workflow` instead (it reads versioned docs from `node_modules/workflow/docs/`). Only continue if workflow is missing. ### 1) Determine the framework **Non-interactive:** If the user named a framework in their prompt, use it directly. **Auto-detect:** Inspect `package.json` deps and config files. Use the first match: 1. **Next.js** - `next` dep or `next.config.*` 2. **Nuxt** - `nuxt` dep or `nuxt.config.*` 3. **SvelteKit** - `@sveltejs/kit` dep or `svelte.config.*` 4. **Astro** - `astro` dep or `astro.config.*` 5. **NestJS** - `@nestjs/core` dep or `nest-cli.json` 6. **Nitro** - `nitro` dep or `nitro.config.*` 7. **Express** - `express` dep 8. **Fastify** - `fastify` dep 9. **Hono** - `hono` dep 10. **Vite** - `vite` dep (and not matched above) If no match or multiple matches, ask the user to pick. ### 2) Fetch and follow the getting-started guide Fetch **exactly one** of these URLs and follow the guide step-by-step: | Framework | URL | |-----------|-----| | Next.js | https://workflow-sdk.dev/docs/getting-started/next | | Express | https://workflow-sdk.dev/docs/getting-started/express | | Hono | https://workflow-sdk.dev/docs/getting-started/hono | | Fastify | https://workflow-sdk.dev/docs/getting-started/fastify | | NestJS | https://workflow-sdk.dev/docs/getting-started/nestjs | | Nitro | https://workflow-sdk.dev/docs/getting-started/nitro | | Nuxt | https://workflow-sdk.dev/docs/getting-started/nuxt | | Astro | https://workflow-sdk.dev/docs/getting-started/astro | | SvelteKit | https://workflow-sdk.dev/docs/getting-started/sveltekit | | Vite | https://workflow-sdk.dev/docs/getting-started/vite | Each guide covers: install deps, configure framework, create first workflow, create route handler, run + verify. ### 3) Verify setup - Start the dev server per the guide. - Trigger the example endpoint with the provided `curl`. - Confirm logs show the workflow and steps executing. - Optional: `npx workflow web` or `npx workflow inspect runs`. ### 4) No framework yet? If no framework exists, ask what the user wants: - **Web app**: Next.js / Nuxt / SvelteKit / Astro - **API server**: Express / Fastify / Hono - **Minimal server**: Nitro or Vite Then follow the "Create Your Project" section of the chosen guide. ## Concept questions (pre-install) If the user asks conceptual questions before installing, fetch: - https://workflow-sdk.dev/docs/foundations/workflows-and-steps - https://workflow-sdk.dev/cookbook ## Handoff When setup is complete, tell the user: **Use `/workflow` for ongoing development** - it reads the versioned docs bundled in `node_modules/workflow/docs/`.
© Vercel Inc. · Apache-2.0 · vercel/workflow