Workflows

Task-oriented guides for common development scenarios using ClaudeKit’s slash commands and agents.

Feature Development

Feature Development Guide - Complete feature lifecycle from planning to deployment

/plan "add user authentication with OAuth"
/clear  # Free context before implementation
/cook "Implement user authentication with OAuth as planned"
/fix
/git pr "feature/user-auth"

Bug Fixing

Bug Fixing Workflow - Systematic approach to debugging and fixing issues

/debug "Login button not working, please investigate and fix"
/test

Documentation

Documentation Workflow - Keep docs in sync with code changes

/docs:init
/docs:update "after feature changes"

Quick Workflows

Setup New Project

ck init my-project --kit engineer
cd my-project
/plan "set up project structure"
/clear  # Free context before implementation
/cook "Set up project structure as planned"

Add New Feature

/plan "add [feature description]"
/clear  # Free context before implementation
/cook "Implement [feature description] as planned"
/frontend-design "Create UI mockups if needed"
/test

Deploy to Production

/plan "prepare for production deployment"
/fix "Fix CI issues"
/test

Code Review

/code-review "Review recent changes for quality and security"
/fix "Implement suggested improvements"

By Use Case

Frontend Development

  • UI/UX Design - /frontend-design for mockups and design
  • Component Development - /plan → /clear → /cook → /test
  • Styling - /frontend-design for aesthetic components

Backend Development

  • API Development - /plan → /clear → /cook → /test
  • Database Changes - /plan "add user table" → /clear → /cook
  • Performance Optimization - /debug issue then /fix

Full Stack

  • Complete Features - See Feature Development
  • Authentication - /plan "add authentication with Better Auth"/cook
  • E-commerce - /plan "add Stripe payment integration"/cook

DevOps & Infrastructure

  • Docker Setup - /plan "add Docker configuration"/cook
  • CI/CD - /fix for CI issues
  • Deployment - /plan "deploy to Cloudflare Workers"

Advanced Workflows

Multi-agent Collaboration

/plan "complex feature with multiple components"
# Spawns: planner → researcher → frontend dev → backend dev → tester

/fix "production bug"
# Spawns: debugger → researcher → dev → tester → reviewer

Content Creation

"Create marketing copy for new feature"  # Use copywriting skill (quality mode)
"Improve existing landing page"  # Use copywriting skill (enhance workflow)
# Use ai-artist skill (creative mode) for visual assets

Integration Workflows

/integrate:polar "add Polar billing integration"
/integrate:sepay "add SePay payment gateway"

Getting Started

New to ClaudeKit? Start with:

  1. Getting Started Guide - Learn the basics
  2. Quick Start - Build your first feature
  3. Feature Development - Complete workflow example

Reference

Need Help?