Claude Code Development Workflows
Plan, design, implement, and independently review backend, frontend, and full-stack changes.
Shinpr’s workflows connect requirement convergence, design documents, implementation plans, tests, and review. The canonical library contains shared guidance and project-specific recipe Skills used by the author’s workflow plugins.
Use cases
- Design a change before implementation
- Build and verify a full-stack feature
- Diagnose a problem with documented evidence
How to use
Choose the backend, frontend, or full-stack workflow plugin for the project. The author warns against installing dev-skills together with a workflow plugin because shared descriptions duplicate.
Skills
ai-development-guide
Applies language-agnostic and backend technical decision criteria, anti-pattern detection, debugging, and quality gates. Use when reviewing general/backend implementation choices, code smells, failures, or implementation completeness.
shinpr/claude-code-workflowscoding-principles
Language-agnostic coding principles for maintainability, readability, and quality. Use when implementing features, refactoring code, or reviewing code quality.
shinpr/claude-code-workflowsdocumentation-criteria
Determines which of PRD, ADR, UI Spec, Design Doc, and Work Plan a change requires, and where each is stored. Use when deciding documentation scope, or when creating or reviewing a technical document.
shinpr/claude-code-workflowsexternal-resource-context
Records where resources outside the repository live (design source, design system, API schema, IaC source, secret store) and how design, implementation, and verification reach them. Use when work depends on an external resource, or when the user mentions design source, design system, API schema, IaC source, secret store, or canonical source.
shinpr/claude-code-workflowsfrontend-ai-guide
Applies React/TypeScript-specific technical decision criteria, anti-pattern detection, debugging, and frontend quality gates. Use when reviewing components, hooks, browser behavior, or frontend implementation completeness.
shinpr/claude-code-workflowsimplementation-approach
Implementation strategy selection framework. Use when planning implementation strategy, selecting development approach, or defining verification criteria.
shinpr/claude-code-workflowsintegration-e2e-testing
Integration and E2E test design principles, ROI calculation, test skeleton specification, and review criteria. Use when designing integration tests, E2E tests, or reviewing test quality.
shinpr/claude-code-workflowsllm-friendly-context
Clarifies inputs, outputs, success criteria, decisions, and unresolved conditions so downstream consumers can execute without guessing. Use when writing or revising LLM-facing prompts, handoffs, planning artifacts, reviews, reports, or generated instructions.
shinpr/claude-code-workflowsrecipe-add-integration-tests
Add integration/E2E tests to existing codebase using Design Docs
shinpr/claude-code-workflowsrecipe-build
Execute materialized task files in autonomous execution mode
shinpr/claude-code-workflowsrecipe-design
Execute from codebase-scoped analysis through optional ADR decisions to complete Design Doc approval
shinpr/claude-code-workflowsrecipe-diagnose
Investigate problem, verify findings, and derive solutions
shinpr/claude-code-workflowsrecipe-front-adjust
Adjust an already-implemented UI in-session with verification against the design source
shinpr/claude-code-workflowsrecipe-front-build
Execute materialized frontend task files in autonomous execution mode
shinpr/claude-code-workflowsrecipe-front-design
Execute from repository evidence through applicable UI Spec and optional ADR decisions to complete frontend Design Doc approval
shinpr/claude-code-workflowsrecipe-front-plan
Create frontend work plan from design document and obtain plan approval
shinpr/claude-code-workflowsrecipe-front-review
Reviews completed frontend implementation for governing-source compliance, scope economy, repository quality, and security, then applies user-approved React corrections.
shinpr/claude-code-workflowsrecipe-fullstack-build
Execute materialized fullstack task files with layer-aware agent routing
shinpr/claude-code-workflowsrecipe-fullstack-implement
Orchestrate full-cycle implementation across backend and frontend layers
shinpr/claude-code-workflowsrecipe-implement
Orchestrate the complete implementation lifecycle from requirements to deployment
shinpr/claude-code-workflowsrecipe-plan
Create work plan from design document and obtain plan approval
shinpr/claude-code-workflowsrecipe-quality-profile
Proposes repository-specific quality policy for implementation and review and, after confirmation, creates or updates docs/project-context/quality.yaml. Use when asked to create or update a repository quality profile.
shinpr/claude-code-workflowsrecipe-reverse-engineer
Generate PRD and Design Docs from existing codebase through discovery, generation, verification, and review workflow
shinpr/claude-code-workflowsrecipe-review
Reviews completed implementation for governing-source compliance, scope economy, repository quality, and security, then applies user-approved corrections.
shinpr/claude-code-workflowsrecipe-update-doc
Update existing design documents (Design Doc / PRD / ADR) with review
shinpr/claude-code-workflowsrequirement-convergence
Separates the outcome a change must produce from the requirements proposed to reach it, records what the user excluded, and bands cost from structure. Use when a requirement enters a workflow, before design begins.
shinpr/claude-code-workflowssubagents-orchestration-guide
Guides subagent coordination through implementation workflows. Use when orchestrating multiple agents, managing workflow phases, or determining autonomous execution mode.
shinpr/claude-code-workflowstest-implement
Implements React/TypeScript unit, integration, and browser E2E tests with the repository's configured runner, mocks, setup, and browser harness. Use when creating or completing frontend tests and generated test skeletons.
shinpr/claude-code-workflowstesting-principles
Language-agnostic testing principles including TDD, test quality, coverage standards, and test design patterns. Use when writing tests, designing test strategies, or reviewing test quality.
shinpr/claude-code-workflowstypescript-rules
React/TypeScript frontend development rules including type safety, component design, state management, and error handling. Use when implementing React components, TypeScript code, or frontend features.
shinpr/claude-code-workflows