| FazBrowse GitHub Viewer | Trending | | Home |
| Tools: [Download Repo ZIP] [Original HTTPS Page] |
| Name | Name | Last commit date | ||
|---|---|---|---|---|
English | 简体中文 | 日本語 | Español | 한국어 | Português (Brasil)
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 exploration pointed at an agreed result. It agrees on the outcome and exclusions before design, checks designs against the repository, verifies each task before commit, and, on larger changes, independently reviews the finished implementation to make sure it delivers the agreed result, does not include unnecessary changes, and has no serious functional, reliability, or security problems. Within that scope, Claude chooses the implementation details from the codebase.
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.
The workflow adds agent calls and artifacts, so it should earn that cost. Use it when a real side finding could pull a larger change away from its intended result, a design could be internally consistent but miss the requested behavior, or a passing test could fail to observe what it claims to prove.
Once the implementation scope is approved, Claude carries the tasks through focused verification, repository quality checks, commits, and final review without asking for routine implementation decisions. It asks the user only when the agreed product outcome or exclusions must change; Claude handles technical design and implementation choices. Because the process is packaged as a Claude Code plugin, a team can apply the same controls across repositories without prescribing Claude's steps.
Requires a Claude Code release with plugin marketplace support.
| 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 a completed implementation against the agreed outcome | /recipe-review or /recipe-front-review | dev-workflows or dev-workflows-frontend |
| Set repository-specific quality rules | /recipe-quality-profile | Any workflow plugin |
| 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 |
# 1. Start Claude Code
claude
# 2. Add the marketplace
/plugin marketplace add shinpr/claude-code-workflowsInstall 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.
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 projectReplace dev-workflows-fullstack with the plugin that matches the repository. See the Claude Code plugin documentation for project and managed installation options.
flowchart LR
A[Request] --> B[Agree on outcome and exclusions]
B --> C{One evident implementation path?}
C -->|Yes| S[Direct task cycle]
S --> J[Complete]
C -->|No| D[Inspect, design, and review]
D --> E[Approve implementation scope]
E --> F[Per task: implement, verify, quality-check, commit]
F --> I[Independent implementation and security review]
I -->|Correction| F
I -->|Boundary changed| B
I -->|Passed| J[Complete]
The number of product and design decisions determines the route, not file count or the amount of implementation work:
| Scale | What the change needs | What happens |
|---|---|---|
| Small | One outcome that follows an existing pattern within one responsibility | Direct task cycle → focused and repository checks → security review |
| Medium | One outcome that crosses responsibilities or needs a lasting design decision | Reviewed Design Doc, plus UI Spec / ADR when required → selected integration/E2E proof → reviewed Work Plan → task cycles → final review |
| Large | Multiple independent product outcomes that need separate design decisions | Reviewed PRD and Design Docs, plus UI Spec / ADR when required → selected integration/E2E proof → reviewed Work Plan → task cycles → final review |
UI Specs, ADRs, and integration or E2E test skeletons appear only when their decisions or proof boundaries apply.
Generating an artifact does not advance the workflow on its own. Decision-changing design premises are resolved with observable evidence before approval, using a bounded probe only when it is the smallest sufficient proof.
The Work Plan is reviewed for coverage, dependency order, and executable verification before it authorizes implementation. Each task is committed only after its focused checks and applicable repository checks complete. When staged implementation is finished, separate reviews check the whole change against the agreed outcome, look for unnecessary changes and serious functional or reliability problems, confirm observable coverage, and assess security.
The main session decides which findings belong to the current outcome, resolves implementation questions from the repository, and keeps unaffected work moving. Review suggestions do not become work automatically. No change, removal, and reuse of what already exists are weighed before a fix that keeps or adds a mechanism, and that fix has to name the result the smaller answers cannot deliver. A correction can therefore remove something an earlier Design Doc or ADR selected, and the document is updated with it. An accepted correction returns through implementation and the affected verification gates.
Fresh contexts keep one phase's reasoning from silently becoming the next phase's authority. In the included Work Plan template each task cites the Design Doc, ADR, or UI Spec sections and acceptance criteria that constrain it, and the plan is finished only when every Design Doc obligation the implementation needs is covered by at least one task. It does not turn every document section or review suggestion into a task. An obligation left uncovered is a planning mistake, so the plan gains or adjusts a task instead of returning the question to the user.
- [ ] **P1-T1: Preserve the error response shape in the new handler**
- **Source**: docs/design/example.md — API contract; AC-03
- **Scope**: request handling for the affected endpoint
- **Depends on**: none
- **Executor lane**: backend
- **Rollback boundary**: the handler change reverts with this task
- **Verification**: existing contract test for the error pathThe Task template carries binding decisions and observable contract values into implementation, each with a yes-or-no compliance check. After execution, the applicable repository checks run against the complete task change before commit. The final reviewers read the same approved sources and the completed code instead of relying on the implementation conversation. /recipe-quality-profile can record repository-specific quality rules and their sources in docs/project-context/quality.yaml; implementation executors and final reviewers use a confirmed profile alongside the approved sources.
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.
After the first run, inspect the artifacts:
/recipe-implement "Add rate limiting to the public API"The recipe scopes the change, inspects the current implementation, creates only the documents required by its decisions, pauses when a decision is needed, and carries the plan through implementation and final review.
# 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-buildThe 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.
/recipe-fullstack-implement "Add user authentication with JWT + React login form"When the change has multiple independent product outcomes, one PRD 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/recipe-reviewThe review workflow checks the completed implementation against the agreed outcome and repository standards, then runs an independent security review. Accepted corrections return to the appropriate implementation or document owner and are reviewed again.
/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.
/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.
/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.
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 | Review a completed implementation against the agreed outcome | Post-implementation check |
| /recipe-quality-profile | Set repository-specific quality rules | Repository quality rules |
| /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 |
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 | Review a completed frontend against the agreed outcome | Post-implementation check |
| /recipe-quality-profile | Set repository-specific quality rules | Repository quality rules |
| /recipe-diagnose | Investigate a problem and compare solutions | Root cause analysis |
| /recipe-update-doc | Update and review existing documents | Requirement or design changes |
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 rolesThese 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 that the completed implementation matches the agreed outcome and repository standards |
| 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 |
| 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 |
| 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 |
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.
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-workflowsTo 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-workflowsThese plugins cover adjacent work without changing the core development workflow:
/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-workflowsQ: 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 asks the user only when keeping both the requested outcome and its exclusions is no longer possible, or when an irreversible external action needs approval. It handles technical design, contracts, UI, architecture, persistence, and implementation changes on its own as long as they do not change what the product delivers.
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.
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 layoutclaude-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
MIT License. Free to use, modify, and distribute.
See LICENSE for full details.
Built and maintained by @shinpr.
| Back | FazBrowse Home | New Git URL |