Back to directory
shinpr avatar
shinpr / claude-code-workflows

claude-code-workflows

Development workflows for Claude Code that keep broad exploration focused on the outcome you approved.

669

Stars

102

Forks

8

Watchers

MIT

License

Claude Code Development Workflows

Claude Code GitHub Stars License: MIT PRs Welcome

Claude Code can explore a codebase deeply. On non-trivial work, the harder problem is convergence. While designing an account-recovery flow, Claude may find a real inconsistency in token handling and spend most of the design on it, leaving the requested recovery behavior vague.

claude-code-workflows keeps that work tied to an agreed result. It records the outcome and its exclusions, then creates only the design and verification artifacts the change needs. A separate review checks the finished implementation against that outcome, while Claude still decides how to get there from repository evidence.

Use Claude Code directly when the outcome and safe implementation boundary are already clear. Use these workflows when a change needs scope agreement, durable design decisions, a reliable handoff between contexts, or independent verification.


When is the workflow useful?

A focused fix, experiment, or prototype is usually faster to run directly. The workflow adds agent calls and artifacts, so it should earn that cost.

On a larger change, a real side finding can still be the wrong work for the current outcome. The workflow keeps the approved result and exclusions in view from design through final review.

Specialist agents contribute repository evidence and draft artifacts. The main session still owns the product scope: it applies findings needed to protect an approved requirement, contract, or observable behavior, and can decline findings that only add work. Product changes and major design changes return to the user. Reversible implementation choices remain with Claude.

Because the process is packaged as a Claude Code plugin, a team can apply the same boundaries across repositories without prescribing Claude's steps.


Quick Start

Requires a Claude Code release with plugin marketplace support.

Choose a path

What do you need? Start with Plugin
Deliver a backend, API, CLI, or general change end to end /recipe-implement dev-workflows
Design a backend or general change before implementation /recipe-design dev-workflows
Design and build a React / TypeScript frontend /recipe-front-design/recipe-front-plan/recipe-front-build dev-workflows-frontend
Deliver a backend and React frontend change together /recipe-fullstack-implement dev-workflows-fullstack
Review an implementation against its design /recipe-review or /recipe-front-review dev-workflows or dev-workflows-frontend
Investigate a problem before choosing a fix /recipe-diagnose Any workflow plugin
Document an existing system from its code /recipe-reverse-engineer dev-workflows or dev-workflows-fullstack
A throwaway experiment or prototype Use Claude Code directly None

Common setup

# 1. Start Claude Code
claude

# 2. Add the marketplace
/plugin marketplace add shinpr/claude-code-workflows

Install one workflow plugin

Install the plugin that matches your project. If the install tells you to run /reload-plugins, do that before invoking the recipe.

# Backend or general
/plugin install dev-workflows@claude-code-workflows
/recipe-implement "Add rate limiting to the public API"

# Frontend
/plugin install dev-workflows-frontend@claude-code-workflows
/recipe-front-design "Add account recovery screens"

# Full-stack
/plugin install dev-workflows-fullstack@claude-code-workflows
/recipe-fullstack-implement "Add user authentication with JWT + login form"

Install only one workflow plugin. dev-workflows-fullstack already contains the backend and frontend workflows. If you previously used full-stack recipes from dev-workflows, migrate to dev-workflows-fullstack.

/recipe-front-design stops after the applicable UI Spec and Design Doc are reviewed and approved. Run /recipe-front-plan and /recipe-front-build when you are ready to continue. For a backend or general change, /recipe-design, /recipe-plan, and /recipe-build provide the same staged path.

Team setup

Claude Code supports project-scoped marketplaces and plugins. Commit the resulting .claude/settings.json so contributors are prompted to use the same workflow plugin.

claude plugin marketplace add shinpr/claude-code-workflows --scope project
claude plugin install dev-workflows-fullstack@claude-code-workflows --scope project

Replace dev-workflows-fullstack with the plugin that matches the repository. See the Claude Code plugin documentation for project and managed installation options.


How It Works

flowchart LR
    A[Request] --> B[Agree on outcome and exclusions]
    B --> C{Durable design needed?}
    C -->|No| F[Implement]
    C -->|Yes| D[Inspect and record needed decisions]
    D --> E[Approve product and major design boundaries]
    E --> F
    F --> G[Verify the approved outcome]
    G -->|In-scope gap| F
    G -->|Boundary changed| B
    G -->|Passed| H[Complete]

The number of product and design decisions determines the route. Small changes skip documents they do not need. Larger changes add codebase analysis and a Design Doc, plus a PRD, UI Spec, ADR, acceptance tests, or work plan only when required by the scope.

The main session owns convergence between phases. It carries forward only evidence that can change the next decision, resolves repository-local ambiguity, and keeps unaffected work moving. When implementation is complete, separate reviews provide evidence about design consistency, observable coverage, and security. Their findings are resolved against the approved outcome instead of becoming work automatically.

A handoff you can inspect

Fresh contexts only help if the handoff between them is concrete. The included Work Plan template requires every approved technical requirement from a Design Doc to have a covering task or an explicit gap. It does not turn every document section or review suggestion into a task. A gap means an approved requirement has no implementation or verification task yet.

| Design Doc | DD Section | DD Item | Category | Covered By Task(s) | Gap Status | Notes |
|---|---|---|---|---|---|---|
| docs/design/example.md | API contract | Preserve the error response shape | contract-change | Phase 2 Task 1 | covered | |
| docs/design/example.md | Verification | Exercise cache invalidation | verification | | gap | Add a covering task before approval |

The Task template then carries binding decisions and observable contract values into implementation, each with a yes-or-no compliance check. The final review reads the same source documents instead of relying on the implementation conversation.

A real workflow run

The incremental sync feature in mcp-local-rag was a 42-file change across filesystem scanning, storage, and both the CLI and MCP surfaces. An independent security review sent the implementation back twice. It caught file reads happening before validation and a path-containment escape through a symlinked parent.

The run began with an existing Work Plan that referred to an ADR and Design Doc that were not present, leaving the approved source for its technical decisions unclear. The user chose to treat the Work Plan as the source of truth, and the recipe divided it into 13 planned tasks. The final implementation included the changes needed to verify the approved behavior, while the PR records why watch mode and persistent jobs were left out.

What to inspect after the first run

After the first run, inspect the artifacts:

  • Does the agreed approach extend what already exists and give evidence for each addition?
  • Can you follow each requirement into a task and a verification method?
  • Did implementation stay within the approved outcome and contracts while including required adjacent changes?
  • Does the final report compare the finished code with the intended behavior and security requirements?

Typical Workflows

End-to-end backend or general development

/recipe-implement "Add rate limiting to the public API"

The recipe scopes the change, inspects the current implementation, creates only the documents required for its size, pauses when a decision is needed, and carries the plan through implementation and final review.

Design first, implement later

# Backend or general
/recipe-design "Design rate limiting for the public API"
/recipe-plan
/recipe-build

# React frontend
/recipe-front-design "Build a user profile dashboard"
/recipe-front-plan
/recipe-front-build

The design recipes inspect the existing code, confirm the scope, create the required documents, run an independent consistency review, and stop for approval. Planning and implementation can continue later, in a new context or by another contributor, from those approved artifacts.

The frontend path adds UI analysis and a UI Spec when UI structure or behavior remains to be designed, plus component architecture, React Testing Library, and TypeScript checks.

For example, two dashboard components may each handle loading correctly while the combined screen has no defined behavior when one is loading and the other has failed. The UI Spec records that state combination and traces it into design and test work before integration.

Full-stack development

/recipe-fullstack-implement "Add user authentication with JWT + React login form"

When the scale calls for a PRD, one document covers the whole feature. Backend and frontend design stay separate, design-sync checks the boundary between them, and the work plan uses vertical slices so integration is exercised before the end.

Use /recipe-fullstack-build to continue from an existing full-stack work plan. The full-stack plugin also includes the applicable backend and frontend recipes.

More workflow examples

Review an implementation against its design

/recipe-review

The review workflow compares the implementation with its Design Docs and runs an independent security review. A fix that changes an approved decision returns to the relevant document instead of silently changing the contract.

Diagnose before choosing a fix

/recipe-diagnose "API returns 500 on user login"

The diagnosis workflow maps execution paths, verifies suspected failure points, and presents solution trade-offs. It does not change the code.

Document an existing system

/recipe-reverse-engineer "src/auth module"

This derives PRDs and Design Docs from the code and verifies the documents against the implementation. Use the full-stack option when the feature crosses backend and frontend.

For a walkthrough, see How I Made Legacy Code AI-Friendly with Auto-Generated Docs.

Adjust an implemented UI against a design source

/recipe-front-adjust "Align the card spacing and actions with the design source"

The frontend plugin records how to reach the external design source, confirms the write set, and repeats visual verification until the adjustment passes its checks.


Workflow Recipe Reference

All workflow entry points use the recipe- prefix. Type /recipe- and use tab completion to see what the installed plugin provides.

View all backend and general recipes
Recipe Purpose When to Use
/recipe-implement End-to-end feature development New features, complete workflows
/recipe-design Create design documentation Architecture planning
/recipe-plan Generate a work plan from design Planning phase
/recipe-build Execute an existing work plan Resume implementation
/recipe-review Verify code against Design Docs Post-implementation check
/recipe-diagnose Investigate a problem and compare solutions Root cause analysis
/recipe-reverse-engineer Derive PRDs and Design Docs from code Existing-system documentation
/recipe-add-integration-tests Add integration or E2E tests Coverage for existing code
/recipe-update-doc Update and review existing documents Requirement or design changes
/recipe-task Run a rule-guided task directly Work that does not need staged workflow handoffs
View all frontend recipes

The frontend plugin adds React-specific analysis, component architecture, React Testing Library, TypeScript checks, and applicable UI Spec generation from optional prototype code.

Recipe Purpose When to Use
/recipe-front-design Create an applicable UI Spec and frontend Design Doc React component architecture
/recipe-front-plan Generate a frontend work plan Component planning
/recipe-front-build Execute a frontend work plan Resume React implementation
/recipe-front-adjust Adjust an implemented UI with external verification Visual refinements
/recipe-front-review Verify code against frontend Design Docs Post-implementation check
/recipe-diagnose Investigate a problem and compare solutions Root cause analysis
/recipe-update-doc Update and review existing documents Requirement or design changes
/recipe-task Run a rule-guided task directly Work that does not need staged workflow handoffs

What the Plugins Include

Specialized agents keep analysis and design separate from execution and final review. Each plugin includes only the roles its workflows use; the full-stack plugin combines the backend and frontend roles. The complete role list is folded below.

View all specialized agent roles

Shared agents

These agents are shared by the backend, frontend, and full-stack workflow plugins:

Agent What It Does
requirement-analyzer Collects compact scope and cost evidence for orchestrator requirement and workflow decisions
prd-creator Defines product requirements for larger features
codebase-analyzer Inspects existing code and dependencies before design
code-verifier Compares documents with the implementation
work-planner Turns design decisions into an executable work plan
task-decomposer Splits a work plan into commit-ready tasks
acceptance-test-generator Creates integration and E2E test skeletons from requirements
integration-test-reviewer Reviews integration and E2E tests against their intended coverage
code-reviewer Checks implementation against the Design Docs
document-reviewer Checks a document for completeness and rule compliance
design-sync Detects conflicts across multiple Design Docs
investigator Maps execution paths and identifies possible failure points
verifier Challenges suspected failure points and checks path coverage
solver Compares solutions and their trade-offs
security-reviewer Reviews the completed implementation for security issues
rule-advisor Selects the coding rules relevant to the task

Backend-specific agents

Agent What It Does
technical-designer Designs the technical approach and architecture
scope-discoverer Finds functional boundaries in an existing codebase
task-executor Implements backend tasks with test-first verification
quality-fixer Runs tests, type checks, linting, and other project quality gates

Frontend-specific agents

Agent What It Does
ui-spec-designer Creates a UI Spec from requirements and optional prototype code
ui-analyzer Fetches design sources, design systems, and guidelines, then inspects the existing UI
technical-designer-frontend Designs React component architecture and state management
task-executor-frontend Implements React components with React Testing Library coverage
quality-fixer-frontend Runs frontend tests, TypeScript checks, linting, and builds
View built-in development guidance
  • Coding Principles. Code quality standards.
  • Testing Principles. TDD, coverage, test patterns.
  • Implementation Approach. Design decisions and trade-offs.
  • Documentation Standards. Clear, maintainable docs.
  • External Resource Context. Records how to reach design sources, design systems, API schemas, infrastructure definitions, and other resources outside the repository.
  • LLM-Friendly Context. Clear prompts, handoffs, generated artifacts, and instructions for downstream agents.

Agents load these skills when the work calls for them. The frontend plugin also includes React and TypeScript-specific rules.

Use the guidance without the workflow (dev-skills)

If you already have orchestration through custom prompts or CI and want only the best-practice guides, use dev-skills. If you want Claude to plan, execute, and verify a change end to end, install one of the workflow plugins instead.

  • Minimal context footprint with no agents or recipe skills
  • Coding, testing, design, and documentation guidance without a prescribed workflow
  • Automatic skill loading when a task is relevant

Do not install dev-skills alongside a workflow plugin. They share the same skills, and duplicate descriptions can cause Claude Code to ignore skills after reaching its context limit.

/plugin install dev-skills@claude-code-workflows

To switch between plugin types:

# dev-skills -> dev-workflows
/plugin uninstall dev-skills@claude-code-workflows
/plugin install dev-workflows@claude-code-workflows

# dev-workflows -> dev-skills
/plugin uninstall dev-workflows@claude-code-workflows
/plugin install dev-skills@claude-code-workflows
View optional add-ons

These plugins cover adjacent work without changing the core development workflow:

  • claude-code-discover: turns feature ideas into evidence-backed PRDs.
  • metronome: detects shortcut-taking behavior and asks Claude to follow the defined procedure.
  • linear-prism: validates requirements and turns them into structured Linear tasks.
  • pr-review: reviews GitHub PRs against repository-specific criteria before posting approved findings.
/plugin install discover@claude-code-workflows
/plugin install metronome@claude-code-workflows
/plugin install linear-prism@claude-code-workflows
/plugin install pr-review@claude-code-workflows

FAQ

Q: What if there are errors?

A: The quality-fixer agents handle test, type, lint, and build failures within the approved outcome, including adjacent changes required by the same responsibility or contract.

The workflow stops only when a fix:

  • changes the product outcome, an approved contract, or a major design decision;
  • requires authority held by the user; or
  • performs an irreversible external action that the existing approval does not cover.

Q: Is there a version for OpenAI Codex CLI?

A: Yes. codex-workflows provides the same workflow model, adapted to the Codex CLI environment.

Q: Should I commit the work plan and task files in docs/plans/?

A: No. Recipes treat docs/plans/ as ephemeral working state. Consumed task files and intermediate fix files are cleaned up after successful execution. The work plan may remain for review or a later build and can be deleted when it is no longer needed. Add the following line to your project's .gitignore so this working state stays out of git:

docs/plans/

PRDs, ADRs, UI Specs, and Design Docs live in their own directories (docs/prd/, docs/adr/, docs/ui-spec/, docs/design/) and are intended to be committed.


Contributing External Plugins

This marketplace supports the full lifecycle of building products with AI: product quality, discovery, implementation control, and verification. If your plugin helps developers build better products with AI coding agents, we'd like to hear from you.

See CONTRIBUTING.md for submission guidelines and acceptance criteria.

View repository layout
claude-code-workflows/
├── .claude-plugin/
│   └── marketplace.json        # Plugin definitions and per-plugin contents
├── agents/                     # Specialized analysis, design, execution, and review roles
├── skills/
│   ├── recipe-*/               # Workflow entry points
│   ├── documentation-criteria/ # Document rules and templates
│   ├── coding-principles/
│   ├── testing-principles/
│   ├── external-resource-context/
│   ├── llm-friendly-context/
│   └── ...
├── LICENSE
└── README.md

Design Rationale


License

MIT License. Free to use, modify, and distribute.

See LICENSE for full details.


Built and maintained by @shinpr.

Releases

Aug 9, 2026

Release: v0.24.6

Download .zip

Improved code and security reviews so fixes added during a review are included in subsequent checks. Simplified verification prompts to let agents determine relevant repository context without rigid f...

Aug 9, 2026

Release: v0.24.5

Download .zip

Updated agent and recipe prompts for stronger model autonomy while preserving workflow gates. Improved diagnosis breadth and convergence around evidence-backed scope. Simplified implementation verific...

Aug 8, 2026

Release: v0.24.4

Download .zip

Rules that protect a boundary stay; rules that only create work are gone.

Agents stop less. Escalation is limited to a changed product outcome, a major approved design change, user authority, or an i...

Aug 8, 2026

Release: v0.24.3

Download .zip

This patch refines agent workflows to stay strict about outcomes and evidence while remaining flexible about reversible execution paths. What's Changed

Added semantic specialist-result acceptance and...

Aug 6, 2026

Release: v0.24.2

Download .zip

Simplified verifier and reviewer status models by removing ambiguous intermediate states. Kept actionable security findings in the automated correction flow; only invalid inputs and committed secrets...