Workflow Recipes

Ready-to-use command sequences for common development tasks.

New to ClaudeKit?

These workflows consist of sequences of commands that work together to accomplish common tasks. Perfect for getting started!

Workflow Recipes

v2.5.0+ v2.5.0+ uses skill-based workflows. Skills are invokable via natural language or /skill-name. After /plan, run /clear then /cook to implement.

Upgrading from v2.4?

Key changes for existing users:

v2.4.0 (Old)	v2.5.0+ (New)	Notes
`/code`	`/cook`	Skill-based, supports flags
`/fix:types`	`/fix`	Unified fix skill
`/design:screenshot`	`/frontend-design`	Renamed skill
`/plan → /code`	`/plan → /clear → /cook`	/clear is mandatory!

/cook Flags Control implementation behavior:

--fast

Skip research, quick implementation

--parallel

Run phases in parallel

--auto

Auto-approve all steps ("trust me")

--no-test

Skip test runs after coding

IMPORTANT: Always /clear after /plan /plan → /clear → /cook

Build a New Feature

Beginner

Best for: Adding new functionality to your app

~15-30 min 4 steps

/brainstorm skill Explore ideas (skill)

Use /brainstorm or say "brainstorm ideas for [feature]" to explore possibilities

/plan Create implementation plan

AI creates a detailed step-by-step plan for building your feature

Review → /clear → Implement

Review plan, run /clear to free context (mandatory in CK engineer@v2.5.0+), then implement

/cook @plan.md skill Implement the plan (skill)

AI writes the code following the plan, runs tests, and reviews the work

⚠️ CK engineer@v2.5.0+: /clear is mandatory after /plan before /cook

Fix a Bug

Beginner

Best for: Fixing errors and unexpected behavior

~5-15 min 3 steps

/debug Investigate the issue

AI analyzes your code to find the root cause of the problem

/fix skill Apply the fix (skill)

AI intelligently routes to specialized fix and applies the solution

/test Verify the fix

Run tests to make sure the bug is fixed and nothing else broke

💡 /fix skill: intelligent routing to types, ui, ci, test, logs fixes

Quick Implementation

Intermediate

Best for: Small features when you know what you want

~10-20 min 1 steps

/cook "your task" skill All-in-one skill

AI researches, plans, implements, tests, and reviews the feature automatically

What /cook "your task" does automatically:

Research best approaches and technologies
Create and execute implementation plan
Write and test the code
Review for quality and best practices

v2.4 → v2.5 Migration

v2.4.0	v2.5.0+	Description
`/cook:auto`	`/cook --auto`	Auto-approve all steps
`/cook:auto:fast`	`/cook --auto --fast`	Fast + auto-approve
`/cook:auto:parallel`	`/cook --auto --parallel`	Parallel phases + auto
`/code:no-test`	`/cook --no-test`	Skip test runs
`/code:parallel`	`/cook --parallel`	Run phases in parallel

💡 See mapping table above for migrating from v2.4 variants

Start New Project

Advanced

Best for: Creating a complete app from scratch

~1-2 hours 1 steps

/bootstrap "describe your app" Complete project setup

AI builds your entire project: research, architecture, design, implementation, and documentation

What /bootstrap "describe your app" does automatically:

Research and tech stack selection
Project structure and architecture
UI/UX design and wireframes
Complete implementation with tests
Comprehensive documentation

⚠️ Warning: This uses significant AI tokens

Create Video Content

Intermediate

Best for: Programmatic video creation with React

~20-40 min 2 steps

/remotion skill Video creation (skill)

Create videos programmatically with React and Remotion

render Render output

Export to MP4, GIF, or image sequences

What /remotion does automatically:

Animations and transitions
Text animations and captions
3D graphics integration
Audio synchronization

💡 New in v2.5: Replaces /design:video command

engineer@v2.4.x- v2.4.0 and earlier use command-based workflows. After /plan, use /code to implement step-by-step.

Build a New Feature

Beginner

Best for: Adding new functionality to your app

~15-30 min 4 steps

/brainstorm Explore ideas (command)

Run /brainstorm "feature idea" to explore possibilities

/plan Create implementation plan

AI creates a detailed step-by-step plan for building your feature

Review → Implement

Review plan and proceed to implementation

/code @plan.md Implement the plan

AI writes the code following the plan, runs tests, and reviews the work

💡 Tip: /code @plan.md reads and implements your plan

Fix a Bug

Beginner

Best for: Fixing errors and unexpected behavior

~5-15 min 3 steps

/debug Investigate the issue

AI analyzes your code to find the root cause of the problem

/fix Apply the fix

AI fixes the bug and explains what was wrong and how it was fixed

/test Verify the fix

Run tests to make sure the bug is fixed and nothing else broke

💡 Tip: Use /fix:types, /fix:ui, /fix:ci for specialized fixes

Quick Implementation

Intermediate

Best for: Small features when you know what you want

~10-20 min 1 steps

/cook "your task" All-in-one command

AI researches, plans, implements, tests, and reviews the feature automatically

What /cook "your task" does automatically:

Research best approaches and technologies
Create and execute implementation plan
Write and test the code
Review for quality and best practices

Command Variants

Command	Description
`/cook`	Full workflow: research, plan, implement, test, review
`/cook:auto`	Auto-approve all steps without prompts
`/cook:auto:fast`	Skip research phase, fast implementation
`/cook:auto:parallel`	Run implementation phases in parallel
`/code:no-test`	Skip running tests after coding
`/code:parallel`	Execute plan phases in parallel

💡 See variants table below for different execution modes

Start New Project

Advanced

Best for: Creating a complete app from scratch

~1-2 hours 1 steps

/bootstrap "describe your app" Complete project setup

AI builds your entire project: research, architecture, design, implementation, and documentation

What /bootstrap "describe your app" does automatically:

Research and tech stack selection
Project structure and architecture
UI/UX design and wireframes
Complete implementation with tests
Comprehensive documentation

⚠️ Warning: This uses significant AI tokens

Design from Screenshot

Intermediate

Best for: Recreating UI from designs or screenshots

~15-25 min 2 steps

/design:screenshot Analyze design

AI analyzes the screenshot and understands the UI components

/code Implement design

AI generates the code matching the design

💡 Tip: Provide high-quality screenshots for better results

Pro Tips

Save tokens with /clear

Use /clear to clear conversation history before starting implementation

Reference files with @

Use @plan.md to reference specific files in commands

Use /cook for implementation

After planning with `/plan`, run `/clear` then /cook to implement your plan

Scout before coding

Use /scout to quickly find relevant files in your codebase

Debug before fixing

Use /debug first to find root cause, then /fix when ready

Discover commands with /ck-help

Type /ck-help to see all 60+ commands organized by category

Related Guides

Commands Cheat Sheet

Full command reference with complexity ratings

Command Finder

Interactive decision tree for command selection

Need more workflows? See full docs from official Claudekit site.