A comprehensive guide to all available slash commands in ClaudeKit Engineer.
- Introduction
- Core Development Commands
- Content Creation Commands
- Design Commands
- Documentation Commands
- Fix & Debug Commands
- Git Commands
- Planning Commands
- Integration Commands
Slash commands are powerful shortcuts that trigger specialized AI agents and workflows in ClaudeKit Engineer. They follow the simple syntax:
/<command-name> [arguments]Commands are stored in .claude/commands/ directory and can be customized for your project needs.
- Instant Agent Orchestration: Trigger specialized agents with a single command
- Consistent Workflows: Standardized processes across your team
- Time Savings: Automate complex multi-step operations
- Context Preservation: Maintain project context across agent handoffs
- Commands are Markdown files with frontmatter metadata
- Arguments are passed using
$ARGUMENTS(all args) or$1,$2(specific positions) - Each command orchestrates specialized agents to complete specific tasks
- Results are reported back to you with summaries and recommendations
Description: Answer technical and architectural questions with expert consultation.
Usage:
/ask [technical-question]What it does:
- Orchestrates four specialized architectural advisors:
- Systems Designer (system boundaries & component interactions)
- Technology Strategist (tech stacks & patterns)
- Scalability Consultant (performance & growth)
- Risk Analyst (issues & trade-offs)
- Provides comprehensive architectural guidance
- Offers strategic recommendations with alternatives
Examples:
/ask "Should we use Redis or Memcached for our caching layer?"
/ask "How can we scale our database to handle 1M concurrent users?"
/ask "What's the best way to implement real-time notifications?"Output:
- Architecture Analysis
- Design Recommendations
- Technology Guidance
- Implementation Strategy
- Next Actions
Note: This command focuses on consultation only - it does not implement solutions.
Description: Bootstrap a new project from scratch with complete setup.
Usage:
/bootstrapWhat it does:
- Complete project initialization workflow
- Tech stack research and selection
- Design guidelines and wireframes
- Full implementation with tests
- Documentation generation
- Git repository setup
Workflow:
- Git Initialization: Checks and initializes git if needed
- Requirements Gathering: Clarifies your objectives through questions
- Research: Multiple researcher agents explore solutions in parallel
- Tech Stack: Recommends and gets approval for technology choices
- Wireframe & Design: Creates design guidelines and wireframes
- Implementation: Builds the project step by step
- Testing: Comprehensive test suite creation and execution
- Code Review: Quality assurance through code review
- Documentation: Complete docs in
./docsdirectory - Final Report: Summary and next steps
Examples:
/bootstrap
# Then answer questions about your project requirementsImportant Principles:
- Follows YAGNI, KISS, and DRY principles
- Provides brutal honesty about feasibility
- Explores multiple approaches with pros/cons
- Considers all stakeholders
Description: Brainstorm solutions for features or technical challenges.
Usage:
/brainstorm [feature-or-question]What it does:
- Expert consultation on technical problems
- Evaluates multiple approaches with trade-offs
- Provides honest feedback about feasibility
- Creates markdown summary report
- Does NOT implement - only advises
Process:
- Discovery Phase (clarifying questions)
- Research Phase (gather information)
- Analysis Phase (evaluate approaches)
- Debate Phase (challenge preferences)
- Consensus Phase (align on solution)
- Documentation Phase (create report)
Examples:
/brainstorm "How should we implement user authentication?"
/brainstorm "Best way to handle file uploads for large files?"
/brainstorm "Should we use microservices or monolithic architecture?"Output Report Includes:
- Problem statement and requirements
- Evaluated approaches with pros/cons
- Final recommended solution with rationale
- Implementation considerations and risks
- Success metrics and validation criteria
- Next steps and dependencies
Description: Implement a feature following a structured workflow.
Usage:
/cook [tasks-description]What it does:
- Creates implementation plan with TODO tasks
- Implements features step by step
- Runs type checking and compilation
- Writes comprehensive tests
- Performs code review
- Updates documentation
- Commits to git
Workflow:
- Planning (planner + researcher agents)
- Implementation (main agent)
- Type checking & compilation
- Test writing (real tests, no fake data)
- Test execution (tester agent)
- Debugging (if tests fail)
- Code review (code-reviewer agent)
- Documentation update (docs-manager agent)
- Git commit (git-manager agent)
Examples:
/cook "add user profile page with avatar upload"
/cook "implement OAuth2 authentication with Google"
/cook "create REST API for blog posts with CRUD operations"Special Features:
- Can generate visual assets using Human MCP Server
- Analyzes generated assets with eyes tools
- Removes backgrounds, edits images as needed
Description: Analyze and debug technical issues without implementing fixes.
Usage:
/debug [issue-description]What it does:
- Uses debugger agent to find root causes
- Analyzes logs and error reports
- Provides detailed explanation of issues
- Does NOT implement fixes automatically
Examples:
/debug "Memory leak in user service"
/debug "API responses are slow after deployment"
/debug "WebSocket connections keep dropping"Note: Use /fix:* commands to actually implement fixes.
Description: Write journal entries about recent development work.
Usage:
/journalWhat it does:
- Reviews recent code changes and memories
- Creates reflective journal entries
- Documents development journey
- Tracks technical decisions and learnings
Examples:
/journalDescription: Research, analyze, and create implementation plan without coding.
Usage:
/plan [task-description]What it does:
- Uses planner agent to research approaches
- Analyzes best practices and patterns
- Creates detailed implementation plan
- Saves plan in
./plansdirectory - Does NOT start implementation
Examples:
/plan "implement WebSocket real-time notifications"
/plan "add multi-language support with i18n"
/plan "migrate database from SQLite to PostgreSQL"Output:
- Comprehensive implementation plan
- Technology recommendations
- Step-by-step breakdown
- Risk assessment
- Resource requirements
Description: Fast codebase search to find files needed for a task.
Usage:
/scout [user-prompt] [scale]Arguments:
$1(USER_PROMPT): What you're looking for$2(SCALE): Number of agents to spawn (default: 3)
What it does:
- Spawns multiple agents in parallel to search codebase
- Finds relevant files quickly and efficiently
- Saves results to
plans/<plan-name>/reports/ - Uses different tools based on scale:
- Scale ≤ 3: Uses
gemini(fast) - Scale 4-5: Uses
opencode(medium) - Scale ≥ 6: Spawns
Exploresubagents (thorough)
- Scale ≤ 3: Uses
Examples:
/scout "authentication related files" 3
/scout "database models and migrations" 5
/scout "API endpoint handlers" 2Note: This is for quick searches. For deep exploration, agents will use specialized tools.
Description: Run tests and analyze results without implementing fixes.
Usage:
/testWhat it does:
- Uses tester agent to run test suite
- Analyzes test results and coverage
- Generates summary report
- Does NOT implement fixes
Examples:
/testNote: Use /fix:test to run tests and fix failures.
Description: Review recent changes and wrap up work session.
Usage:
/watzupWhat it does:
- Reviews current branch and recent commits
- Summarizes all changes (modified, added, removed)
- Analyzes impact and quality
- Does NOT start implementing new features
Examples:
/watzupUse Cases:
- End of work session review
- Before creating pull request
- Project status check
- Handoff to team members
Description: Analyze and enhance existing copy based on reported issues.
Usage:
/content:enhance [issues-description]What it does:
- Analyzes screenshots/videos if provided
- Scouts codebase for context
- Uses copywriter agent to enhance copy
- Writes enhanced copy directly to code files
Workflow:
- Analyze visual materials with
eyes_analyzetool - Scout codebase with multiple agents
- Enhance copy with copywriter agent
- Report results
Examples:
/content:enhance "Landing page hero text is too technical"
/content:enhance "Pricing page copy doesn't convey value clearly"
/content:enhance "CTA buttons are not compelling enough"Description: Write creative & smart copy quickly.
Usage:
/content:fast [user-request]What it does:
- Analyzes screenshots/videos if provided
- Uses copywriter agent directly
- Quick turnaround for copy creation
Examples:
/content:fast "Write hero section for SaaS landing page"
/content:fast "Create compelling CTA button text"
/content:fast "Write product description for checkout page"Note: For higher quality with research, use /content:good.
Description: Write high-quality creative & smart copy with research.
Usage:
/content:good [user-request]What it does:
- Analyzes visual materials thoroughly
- Multiple researcher agents in parallel
- Multiple scout agents for codebase context
- Planner agent creates copy strategy
- Copywriter agent implements based on plan
Workflow:
- Analyze screenshots/videos with
eyes_analyze - Research phase (multiple researcher agents)
- Scout codebase (multiple scout agents)
- Planning phase (planner agent)
- Implementation (copywriter agent)
Examples:
/content:good "Write complete landing page copy for AI analytics platform"
/content:good "Create email campaign series for product launch"
/content:good "Write comprehensive About Us page copy"Description: Create a quick design implementation.
Usage:
/design:fast [design-requirements]What it does:
- Creates design plan with TODO tasks
- Implements design step by step
- Generates visual assets with Human MCP
- Creates in pure HTML/CSS/JS by default
- Updates design guidelines
Workflow:
- Planning (ui-ux-designer + researcher)
- Implementation (ui-ux-designer)
- Create design in HTML/CSS/JS
- Review and approval
- Update
./docs/design-guidelines.md
Examples:
/design:fast "Create pricing table with 3 tiers"
/design:fast "Design hero section with animated background"
/design:fast "Build contact form with validation"Features:
- Generates images/videos with Human MCP
- Analyzes assets with eyes tools
- Predicts Google Fonts accurately
Description: Create immersive, award-winning quality design.
Usage:
/design:good [design-requirements]What it does:
- Multiple researcher agents for design trends
- Comprehensive design planning
- Creates storytelling designs
- Implements immersive 3D experiences
- Micro-interactions and animations
- Professional asset generation
Workflow:
- Research (multiple researcher agents in parallel)
- Design styles, trends, fonts
- Colors, borders, spacing
- Element positions
- Planning (ui-ux-designer + researchers)
- Implementation (ui-ux-designer)
- Asset generation and review
- Update design guidelines
Examples:
/design:good "Create stunning landing page for AI startup"
/design:good "Design immersive product showcase with 3D elements"
/design:good "Build interactive portfolio with scroll animations"Quality Standards:
- Award-winning design quality (Dribbble, Behance, Awwwards)
- Real asset generation (not placeholders)
- Background removal when needed
- Storytelling and immersive experiences
Description: Create immersive interactive 3D designs with Three.js.
Usage:
/design:3d [3d-design-requirements]What it does:
- Creates comprehensive 3D design plan
- Implements Three.js scenes with optimization
- Custom GLSL shaders for effects
- GPU-accelerated particle systems
- Post-processing effects
- Responsive across all devices
3D Requirements:
- Three.js scenes with proper optimization
- Custom vertex and fragment shaders
- GPU-accelerated particle systems
- Immersive camera controls
- Post-processing render pipelines
- Real-time rendering optimization
- Interactive elements and animations
Human MCP Integration:
ai-multimodal Skills & ImageMagick Skill:
- Generate textures, skyboxes, environment maps via ai-multimodal prompts
- Create particle sprites, effect assets, and stylized 3D object textures using ai-multimodal skills
- Produce video backgrounds and control camera movements or inpainting/outpainting workflows through ai-multimodal
- Process textures for WebGL, create normal/height maps, and generate sprite sheets with imagemagick skill pipelines
- Remove backgrounds, resize, optimize assets, and apply masks using imagemagick skill commands
Eyes Tools:
- Analyze reference images
- Compare mockups vs implementation
- Validate texture quality
- Extract color palettes
- Verify shader effects
Examples:
/design:3d "Create particle explosion effect on page load"
/design:3d "Build 3D product showcase with rotation controls"
/design:3d "Design immersive landing with parallax 3D elements"Implementation Stack:
- Three.js for 3D rendering
- GLSL for custom shaders
- HTML/CSS/JS for UI
- WebGL for GPU acceleration
- Post-processing libraries
Description: Create design based on a screenshot.
Usage:
/design:screenshot [screenshot-path-or-url]What it does:
- Analyzes screenshot with extreme detail
- Predicts exact fonts (Google Fonts)
- Creates implementation plan
- Implements exact replica
- Generates matching assets
Analysis Details:
- Design style and trends
- Fonts (name, size, weight)
- Colors, borders, spacing
- Element positions and sizes
- Shapes, textures, materials
- Light, shadow, reflection
- Blur, glow effects
- Background transparency
- Transitions and animations
Examples:
/design:screenshot "./mockup.png"
/design:screenshot "https://dribbble.com/shots/example"Note: Strives for pixel-perfect recreation with real assets.
Description: Create design based on a video reference.
Usage:
/design:video [video-path-or-url]What it does:
- Analyzes video frame by frame
- Describes every element and interaction
- Documents all animations and transitions
- Creates implementation plan
- Implements matching design
Analysis Includes:
- Every element and interaction
- Every animation and transition
- Colors, fonts, borders, spacing
- Sizes, shapes, textures
- Materials, lighting, shadows
- Reflections, blur, glow
- Background effects
- Micro-interactions
Examples:
/design:video "./animation-demo.mp4"
/design:video "https://youtube.com/watch?v=example"Output: Creates pure HTML/CSS/JS by default with all animations.
Description: Describe a design from screenshot/video without implementing.
Usage:
/design:describe [screenshot-or-video]What it does:
- Analyzes visual materials in extreme detail
- Creates implementation plan
- Does NOT implement the design
- Provides comprehensive description for developers
Examples:
/design:describe "./mockup.png"
/design:describe "./interaction-video.mp4"Use Case: When you need detailed design specs before implementation.
Description: Analyze codebase and create initial documentation.
Usage:
/docs:initWhat it does:
- Uses docs-manager agent
- Creates complete documentation structure
- Analyzes codebase thoroughly
- Does NOT implement code
Generated Docs:
docs/project-overview-pdr.md- Product Development Requirementsdocs/codebase-summary.md- Codebase overviewdocs/code-standards.md- Code standards and structuredocs/system-architecture.md- System architectureREADME.md- Updated with initial docs
Examples:
/docs:initNote: Run this once when setting up documentation for the first time.
Description: Update codebase summary documentation.
Usage:
/docs:summarizeWhat it does:
- Analyzes current codebase
- Updates
docs/codebase-summary.md - Uses
docs/as source of truth
Examples:
/docs:summarizeUse Case: Run periodically to keep codebase summary up to date.
Description: Comprehensively update all documentation.
Usage:
/docs:update [additional-requests]What it does:
- Analyzes codebase changes
- Updates all documentation files
- Incorporates additional requests if provided
Updated Files:
README.mddocs/project-overview-pdr.mddocs/codebase-summary.mddocs/code-standards.mddocs/system-architecture.mddocs/project-roadmap.mddocs/deployment-guide.md(optional)docs/design-guidelines.md(optional)
Examples:
/docs:update
/docs:update "Add API endpoint documentation"
/docs:update "Update deployment section with new CI/CD pipeline"Description: Analyze GitHub Actions logs and fix CI/CD issues.
Usage:
/fix:ci [github-actions-url]What it does:
- Reads GitHub Actions logs
- Analyzes root causes
- Creates detailed fix plan
- Implements fixes
- Runs tests to verify
Workflow:
- Planner-researcher reads logs
- Analyzes and finds root causes
- Provides implementation plan
- Implements fixes with proper agents
- Tester agent runs tests
- Repeats until all tests pass
Examples:
/fix:ci "https://github.com/user/repo/actions/runs/12345"Description: Quickly analyze and fix issues.
Usage:
/fix:fast [issue-description]What it does:
- Analyzes screenshots/videos if provided
- Implements fix directly
- Tests the fix
- Repeats until working
Workflow:
- Analyze issue with
eyes_analyze(if visual) - Implement fix
- Test with tester agent
- Iterate until tests pass
Examples:
/fix:fast "Button click not working on mobile"
/fix:fast "Form validation failing for email field"Note: For complex issues, use /fix:hard instead.
Description: Plan and fix hard issues with full workflow.
Usage:
/fix:hard [complex-issue-description]What it does:
- Complete planning phase
- Systematic implementation
- Comprehensive testing
- Code review
- Full documentation
Workflow:
- Analyze issue (with eyes tools if visual)
- Planning (planner + researcher)
- Implementation (main agent)
- Testing (tester agent)
- Debugging (debugger agent if needed)
- Code review (code-reviewer agent)
- Summary report
Examples:
/fix:hard "Database performance degradation under load"
/fix:hard "Memory leak causing production crashes"
/fix:hard "Race condition in payment processing"Description: Fix layout and design issues.
Usage:
/fix:layout [layout-issue]What it does:
- Reads
./docs/design-guidelines.md - Analyzes screenshots/videos
- Implements fixes with ui-ux-designer agent
- Takes screenshots to verify fixes
- Tests compilation
Workflow:
- Analyze issue with
eyes_analyze - UI/UX designer implements fix
- Take screenshot of fixed element
- Analyze screenshot to verify
- Test compilation
- Repeat until all issues resolved
Examples:
/fix:layout "Navbar overlaps content on mobile"
/fix:layout "Pricing cards not aligned properly"
/fix:layout "Footer has incorrect spacing"Description: Analyze logs file and fix issues.
Usage:
/fix:logs [issue-context]What it does:
- Reads
./logs.txtfile - Uses debugger agent to analyze
- Identifies all errors and warnings
- Determines root causes
- Implements fixes systematically
- Verifies with appropriate commands
- Re-analyzes to ensure resolution
Examples:
/fix:logs
/fix:logs "Focus on database connection errors"Requirements: Must have ./logs.txt file in project root.
Description: Run test suite and fix all failures.
Usage:
/fix:test [issue-context]What it does:
- Compiles code and fixes syntax errors
- Runs test suite
- Debugs failures
- Creates implementation plan
- Fixes all issues
- Code review
- Repeats until all tests pass
Workflow:
- Compile code (fix syntax errors)
- Run tests (tester agent)
- Debug failures (debugger agent)
- Plan fixes (planner agent)
- Implement fixes
- Run tests again
- Code review (code-reviewer agent)
- Repeat until all green
Examples:
/fix:test
/fix:test "Focus on authentication test failures"Note: Does not use fake data - ensures real test coverage.
Description: Fix TypeScript type errors.
Usage:
/fix:typesWhat it does:
- Runs
bun run typecheck - Fixes all type errors
- Repeats until no errors remain
- Does NOT use
anyas workaround
Examples:
/fix:typesRules:
- Proper type definitions required
- No
anytype allowed - Iterates until clean build
Description: Stage all files and create a commit.
Usage:
/git:cmWhat it does:
- Uses git-manager agent
- Stages all modified files
- Creates meaningful commit message
- Does NOT push to remote
Examples:
/git:cmCommit Message Format:
- Conventional commits format
- Clean, professional messages
- No AI attribution signatures
- Focused on actual changes
Description: Stage, commit, and push all changes.
Usage:
/git:cpWhat it does:
- Uses git-manager agent
- Stages all files
- Creates meaningful commit
- Pushes to remote repository
Examples:
/git:cpNote: Equivalent to /git:cm but also pushes to remote.
Description: Analyze GitHub Actions and provide fix plan (no implementation).
Usage:
/plan:ci [github-actions-url]What it does:
- Reads GitHub Actions logs
- Analyzes root causes
- Provides 2+ implementation approaches
- Explains pros/cons
- Recommends best approach
- Does NOT implement
Examples:
/plan:ci "https://github.com/user/repo/actions/runs/12345"Output:
- Multiple approaches with trade-offs
- Pros and cons analysis
- Recommended approach with rationale
Note: Asks for confirmation before implementing.
Description: Create implementation plan with 2+ approaches.
Usage:
/plan:two [task-description]What it does:
- Uses planner agent
- Researches multiple solutions
- Provides 2+ approaches
- Explains trade-offs
- Recommends best approach
- Does NOT implement
Examples:
/plan:two "Implement real-time chat feature"
/plan:two "Add payment gateway integration"
/plan:two "Optimize database queries for performance"Output:
- Approach 1 with pros/cons
- Approach 2 with pros/cons
- (Optional) Approach 3+ with pros/cons
- Recommended approach with reasoning
Description: Implement payment integration with Polar.sh.
Usage:
/integrate:polar [requirements]What it does:
- Complete Polar.sh payment integration
- Reads Polar.sh documentation
- Plans implementation
- Builds integration
- Tests thoroughly
- Updates documentation
Workflow:
-
Requirements Gathering
- Asks clarifying questions
- One question at a time
- Waits for answers
-
Planning
- Reads Polar.sh docs
- Creates implementation plan
- Gets user approval
-
Implementation
- Implements step by step
- Type checking
- Compilation verification
-
Testing & Review
- Writes real tests
- Runs test suite
- Debugs failures
- Code review
- Iterates until passing
-
Documentation
- Updates docs if approved
-
Final Report
- Summary of changes
- Getting started guide
- Next steps
Examples:
/integrate:polar
/integrate:polar "Add subscription billing with 3 tiers"
/integrate:polar "Implement one-time payment for digital products"Features:
- Complete Polar.sh integration
- Subscription management
- Webhook handling
- Payment verification
- Customer portal
For Planning:
- Use
/planfor single approach - Use
/plan:twofor comparing approaches - Use
/brainstormfor exploratory discussion - Use
/askfor architectural consultation
For Implementation:
- Use
/cookfor general features - Use
/bootstrapfor new projects - Use
/design:*for UI/UX work - Use
/integrate:*for third-party services
For Fixing Issues:
- Use
/fix:fastfor simple bugs - Use
/fix:hardfor complex issues - Use
/fix:typesfor TypeScript errors - Use
/fix:testfor test failures - Use
/fix:cifor CI/CD issues - Use
/fix:layoutfor design issues
For Documentation:
- Use
/docs:initfor first-time setup - Use
/docs:updatefor comprehensive updates - Use
/docs:summarizefor quick summary updates
Commands work best in sequences:
# Feature Development Flow
/plan "add user profiles"
# Review plan, then:
/cook "implement user profiles as planned"
/fix:test
/docs:update
/git:cp
# Bug Fix Flow
/debug "slow API responses"
# Analyze issue, then:
/fix:hard "optimize API response times"
/test
/git:cm
# Design Flow
/design:screenshot "./mockup.png"
# Review implementation, then:
/fix:layout "adjust spacing to match mockup exactly"
/git:cp- Be Specific: Provide clear, detailed descriptions in arguments
- Use Visuals: Include screenshots/videos for design and layout issues
- Review Plans: Always review plans before implementation
- Test Early: Use
/testfrequently during development - Update Docs: Use
/docs:updateafter significant changes - Clean Commits: Use
/git:cmor/git:cpfor professional git history
You can create your own commands by adding Markdown files to .claude/commands/:
---
description: Your command description
argument-hint: [optional-hint]
---
Your command instructions here.
Use $ARGUMENTS for all arguments.
Use $1, $2, etc. for specific arguments.Organize commands in subdirectories:
.claude/commands/
├── design/
│ ├── fast.md
│ ├── good.md
│ └── 3d.md
├── fix/
│ ├── fast.md
│ └── hard.md
└── custom/
└── your-command.md
Usage: /design:fast, /fix:hard, /custom:your-command
- Check if command file exists in
.claude/commands/ - Verify frontmatter syntax is correct
- Ensure file has
.mdextension
- Review command arguments syntax
- Check if required MCP servers are installed
- Verify project context in
CLAUDE.md
- Check if agent is defined in
.opencode/agent/ - Verify agent has necessary tool permissions
- Review error messages for specific issues
Last Updated: 2025-01-16
For questions or support, visit ClaudeKit.cc or open an issue on GitHub.