Workflows

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

Feature Development

Adding a New Feature - Complete feature lifecycle from planning to deployment

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

Bug Fixing

Fixing Bugs - Systematic approach to debugging and fixing issues

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

Documentation

Documentation Workflow - Keep docs in sync with code changes

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

Quick Workflows

Setup New Project

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

Add New Feature

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

Deploy to Production

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

Code Review

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

By Use Case

Frontend Development

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

Backend Development

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

Full Stack

  • Complete Features - See Adding a New Feature
  • Authentication - /ck:plan "add authentication with Better Auth" → /ck:cook
  • E-commerce - /ck:plan "add Stripe payment integration" → /ck:cook

DevOps & Infrastructure

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

Advanced Workflows

Multi-agent Collaboration

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

/ck: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. Adding a New Feature - Complete workflow example

Reference

Need Help?