Agent workflows
Give agents finished blocks and the workflow to extend them.
Skills provide plans, quality gates, reviews, and handoffs on top of complete functional blocks — so agents build product features, not plumbing. See Philosophy.
Development Cycle
/start-prdInterview-driven PRD creation. Explores your codebase, asks targeted questions about scope, edge cases, and integration points, then outputs a step-by-step implementation plan with acceptance criteria.
/start-workBegin or resume implementation from a PRD. Follows plan steps sequentially, enforces strict type safety, and verifies acceptance criteria after each step. Supports session continuity via handoff files.
/handoffSave session progress for continuity across sessions. Captures completed steps, current state, key decisions, gotchas, and modified files so the next session picks up without losing context.
/start-reviewRun quality gates and review the diff. Checks lint, typecheck, and tests, then does a thorough code review covering logic, patterns, security, and performance. Read-only — no code modifications.
/start-prCommit changes and create a PR with conventional commit messages, pre-commit hooks, and gh CLI integration. Generates a PR description with summary, test plan, and change context.
How It Works
Skills are prompt files that ship inside your scaffolded project. When you invoke a skill (e.g. type /start-prd in Claude Code), your AI assistant loads the skill's instructions and follows the defined workflow.
The workflow keeps project conventions, quality gates, planning, review expectations, and handoffs in the repo so they do not need to be re-explained every session.
Plans are saved as markdown files in .claude/plans/ and handoffs in .claude/handoffs/. This means your project state is always version-controlled and portable between sessions.
Domain Skills
Specialized skills for common development tasks.
/next-ts-apiGuides you through creating end-to-end type-safe API routes and clients using next-ts-api. Auto-generates TypeScript types from route handlers.
/vercel-react-best-practices64 rules from Vercel Engineering for React and Next.js performance optimization. Covers rendering, data fetching, caching, and bundle size.
/frontend-designCreate distinctive, production-grade frontend interfaces with high design quality. Generates creative, polished code that avoids generic AI aesthetics.
Pair the workflow with your scaffolded project — whether from a preset or a custom module selection — so agents can plan, build, review, and ship from shared project context.