Claude Code#

Complete guide for using CafeKit Spec with Claude Code.

Installation#

npx @haposoft/cafekit-spec

Select Claude Code in the installer menu.

File Structure#

After installation, CafeKit Spec adds workflow files to .claude/:

.claude/
├── commands/
│   ├── spec-init.md
│   ├── spec-requirements.md
│   ├── spec-design.md
│   ├── spec-tasks.md
│   ├── spec-status.md
│   ├── code.md
│   ├── test.md
│   ├── review.md
│   └── docs.md
├── agents/
│   ├── tester.md
│   ├── code-reviewer.md
│   ├── fullstack-developer.md
│   └── debugger.md
├── skills/
│   └── specs/
└── ROUTING.md

Command Set#

Spec workflow#

CommandDescription
/spec-initInitialize a new spec
/spec-requirementsGather and generate requirements
/spec-designGenerate technical design
/spec-tasksGenerate implementation tasks
/codeImplement next approved task
/testRun tests and summarize failures
/reviewReview code correctness and security
/spec-statusShow current spec status

Documentation workflow#

CommandDescription
/docs initInitialize project docs
/docs updateUpdate docs after changes

Usage Examples#

Start a feature#

> /spec-init payment-gateway

Implement from tasks#

> /code payment-gateway
> /test
> /review

Manage project docs#

> /docs init
> /docs update

Differences from Antigravity#

Claude CodeAntigravity
Workflow directory.claude/commands/.agent/workflows/
Agent directory.claude/agents/.agent/agents/
Routing file.claude/ROUTING.md.agent/rules/GEMINI.md
Command trigger/.../... or @...

Troubleshooting#

Commands not showing#

ls -la .claude/commands/

Command execution issues#

  • Restart Claude Code
  • Verify command files use .md with valid frontmatter
  • Re-run installer: npx @haposoft/cafekit-spec