Production-grade end-to-end development workflow system for Claude Code CLI, featuring 20+ specialized AI Agents covering requirement analysis, design, implementation, and quality assurance across backend, React frontend, and fullstack paradigms.
Claude Code Workflows is a structured development workflow system built on the Claude Code plugin ecosystem. It adopts a plugin architecture with three independently installable plugins: dev-workflows (backend/general), dev-workflows-frontend (React frontend), and dev-skills (rules only), containing 20+ specialized Agents covering the full development lifecycle from requirement analysis, PRD creation, and technical design through task decomposition, TDD implementation, to code review.
The system supports automatic workflow routing based on task complexity, cross-layer consistency verification via the design-sync Agent for fullstack coordination, and a UI Spec mechanism that captures loading, error, and empty states beyond visual prototypes. Notable capabilities include reverse engineering workflows (generating docs from code), diagnostic workflows (investigator → verifier → solver loop), and Fresh Agent Context isolation ensuring independent decision-making at each stage.
All workflows are invoked via /recipe- prefixed commands, covering backend implementation, frontend design/build, fullstack development, UI adjustment, bug diagnosis, reverse engineering, quick fixes, code review, and integration test supplementation. Built-in Skills rule sets cover coding principles, TDD methodology, and documentation standards, automatically loaded into context.
Plugin Architecture
dev-workflows: Backend/general development with backend + shared Agents and corresponding Recipesdev-workflows-frontend: React frontend development with frontend Agents and Recipesdev-skills: Rules/best practices only, no Agents or Recipes
Agent System
- Shared Agents: requirement-analyzer, codebase-analyzer, work-planner, task-decomposer, code-reviewer, design-sync, investigator, verifier, solver, security-reviewer
- Backend Agents: prd-creator, technical-designer, scope-discoverer, code-verifier, acceptance-test-generator, integration-test-reviewer, task-executor, quality-fixer, rule-advisor
- Frontend Agents: ui-spec-designer, ui-analyzer, technical-designer-frontend, task-executor-frontend, quality-fixer-frontend
Workflow Layering Model
Analysis → Codebase Understanding → Planning → Execution → Quality → Review
Each stage is executed by an independent Agent in an isolated context, forming a pipeline-style process.
Installation
claude
/plugin marketplace add shinpr/claude-code-workflows
/plugin install dev-workflows@claude-code-workflows
/reload-plugins
Key Configuration Constraints
dev-skillsshould not be installed alongsidedev-workflows/dev-workflows-frontend- Fullstack mode requires both
dev-workflows+dev-workflows-frontend
Unconfirmed Information
- Whether
/plugin marketplace addis an official Claude Code feature has not been cross-verified - The source of optional plugins (discover, metronome, linear-prism) is unclear
- No standalone documentation site; change log relies on README and GitHub Releases