How to Use Claude Skills with
Vibe Workflow
Claude Skills are reusable instruction sets that extend Claude Code's capabilities. Here's how to use Vibe Workflow's skills to build MVPs faster.
1What Are Claude Skills?
Claude Skills are reusable instruction files that teach Claude Code how to perform specific tasks. Each skill is a SKILL.md file containing:
- •Trigger conditions — When the skill should activate
- •Instructions — Step-by-step guidance for the task
- •Output templates — Consistent file structures and formats
Skills work like saved procedures — instead of re-explaining your workflow in every session, Claude already knows the process and runs it consistently.
2Installing Vibe Workflow Skills
There are three ways to get the skills into your project:
Option A: Download from Vibe Workflow (Recommended)
- 1. Go to vibeworkflow.app/skills
- 2. Click "Download All Skills" to get the ZIP
- 3. Extract to your project's
.claude/skills/folder
Option B: Clone from the Export Page
- 1. Generate your documents on Vibe Workflow
- 2. On the Export page, download the complete project ZIP
- 3. Skills are included in the
.claude/skills/folder
Option C: Install with npx CLI (Fastest)
Use Vercel's skills CLI to install individual skills directly:
npx skills add https://github.com/khazp/vibe-coding-prompt-template --skill vibe-workflowReplace vibe-workflow with any skill name: vibe-research, vibe-prd, vibe-techdesign, vibe-agents, or vibe-build.
Browse all skills at skills.sh/khazp/vibe-coding-prompt-template
Your project structure should look like:
your-project/ ├── .claude/ │ └── skills/ │ ├── vibe-workflow/SKILL.md │ ├── vibe-research/SKILL.md │ ├── vibe-prd/SKILL.md │ ├── vibe-techdesign/SKILL.md │ ├── vibe-agents/SKILL.md │ └── vibe-build/SKILL.md └── docs/
3The 6 Vibe Workflow Skills
Each skill handles one step of the MVP development process:
/vibe-workflowVibe WorkflowMaster orchestrator - guides you through all 5 steps
npx skills add https://github.com/khazp/vibe-coding-prompt-template --skill vibe-workflow/vibe-researchVibe ResearchMarket validation and competitor analysis
npx skills add https://github.com/khazp/vibe-coding-prompt-template --skill vibe-research/vibe-prdVibe PRDGenerate Product Requirements Document
npx skills add https://github.com/khazp/vibe-coding-prompt-template --skill vibe-prd/vibe-techdesignVibe Tech DesignPlan architecture and choose tech stack
npx skills add https://github.com/khazp/vibe-coding-prompt-template --skill vibe-techdesign/vibe-agentsVibe AgentsGenerate AGENTS.md and AI tool configs
npx skills add https://github.com/khazp/vibe-coding-prompt-template --skill vibe-agents/vibe-buildVibe BuildExecute the build following your plan
npx skills add https://github.com/khazp/vibe-coding-prompt-template --skill vibe-build4Running the Complete Workflow
Once skills are installed, run the workflow in Claude Code:
Start with the orchestrator
/vibe-workflow→ Claude assesses your project and guides you to the next step
Research your idea
/vibe-research→ Generates docs/research-[AppName].txt with market analysis
Create your PRD
/vibe-prd→ Generates docs/PRD-[AppName]-MVP.md with requirements
Plan technical architecture
/vibe-techdesign→ Generates docs/TechDesign-[AppName]-MVP.md
Generate AI configs
/vibe-agents→ Creates AGENTS.md and agent_docs/ folder
Build your MVP
/vibe-build→ Follows AGENTS.md to build feature by feature
Pro tip: You can jump to any step. If you already have a PRD, just run /vibe-techdesign directly.
5Troubleshooting
Claude doesn't recognize the slash commands
Make sure SKILL.md files are in .claude/skills/[skill-name]/ folders. Restart Claude Code after adding skills.
Skills aren't finding my existing docs
Skills look in docs/ folder. Ensure your files match the naming pattern (e.g., PRD-[AppName]-MVP.md).
The workflow feels stuck
Run /vibe-workflow to get a status check and see which step comes next.