Plugin dev-workflows-frontend
Skills + Subagents for React/TypeScript - Use skills for coding guidance, or run recipe workflows for full orchestrated agentic coding with specialized agents
Como instalar o plugin dev-workflows-frontend
Execute os dois comandos dentro do Claude Code. O primeiro adiciona o marketplace uma vez; o segundo instala o plugin.
/plugin marketplace add shinpr/claude-code-workflows
/plugin install dev-workflows-frontend@claude-code-workflowsO que há dentro de dev-workflows-frontend
38 partes lidas dos próprios arquivos do plugin.
Agentes 20
Chame como @agent-dev-workflows-frontend:nome- @agent-dev-workflows-frontend:acceptance-test-generator
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:code-reviewer
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:code-verifier
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:codebase-analyzer
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:design-sync
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:document-reviewer
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:integration-test-reviewer
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:investigator
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:prd-creator
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:quality-fixer-frontend
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:requirement-analyzer
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:security-reviewer
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:solver
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:task-decomposer
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:task-executor-frontend
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:technical-designer-frontend
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:ui-analyzer
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:ui-spec-designer
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:verifier
Sem descrição no arquivo.
- @agent-dev-workflows-frontend:work-planner
Sem descrição no arquivo.
Skills 18
Claude o carrega quando a tarefa coincide- ai-development-guide
Applies technical decision criteria, anti-pattern detection, and quality gates for backend and frontend code implementation and review.
- coding-principles
Apply language-agnostic principles for maintainability, readability, and quality during implementation, refactoring, or code reviews.
- documentation-criteria
Determines the required technical documentation types, creation order, and storage locations based on the scale and complexity of a change.
- external-resource-context
Records access methods and locations for external resources like design systems, API schemas, and secret stores to prevent repeated rediscovery.
- implementation-approach
Provides a meta-cognitive framework for selecting development approaches, designing system changes, and defining verification criteria.
- integration-e2e-testing
Defines testing lane boundaries, required annotation patterns, file naming conventions, and route parity review criteria for integration and E2E tests.
- llm-friendly-context
Refines prompts, handoffs, and documentation to ensure downstream agents have explicit instructions, concrete constraints, and verifiable success criteria.
- recipe-diagnose
Orchestrates a multi-agent workflow to investigate technical problems, verify root causes, and derive actionable solutions.
- recipe-front-adjust
Adjusts existing UI implementations by verifying changes against design sources through an iterative edit-and-verify loop.
- recipe-front-build
Executes materialized frontend task files through an autonomous four-step cycle of execution, branching, quality-fixing, and committing.
- recipe-front-design
Coordinates the creation and approval of frontend design documents, UI specifications, and ADR batches using repository evidence.
- recipe-front-plan
Creates a frontend work plan from design documents and manages the review and approval process.
- recipe-front-review
Reviews frontend implementations for compliance, security, and quality, then applies user-approved code or design document corrections.
- recipe-quality-profile
Proposes and manages repository-specific quality policies by creating or updating a YAML configuration file.
- recipe-update-doc
Updates existing design documents, PRDs, and ADRs by identifying changes, applying updates via specialized agents, and performing multi-stage reviews.
- requirement-convergence
Reconciles ambiguous requirements into a coherent plan by separating outcomes from proposed requirements and recording user exclusions.
- subagents-orchestration-guide
Provides a framework for orchestrating multiple AI agents through structured workflow phases, requirement validation, and responsibility separation.
- testing-principles
Apply language-agnostic principles to select test scope, design high-quality tests, and manage mocks and data layer verification.
Usando dev-workflows-frontend no Claude Code
Peça um agente pelo nome:
@agent-dev-workflows-frontend:acceptance-test-generator
@agent-dev-workflows-frontend:code-reviewerSkills não precisam de comando. Claude as lê quando sua solicitação corresponde ao que elas descrevem.
Atualizar, desligar ou remover
- Atualizar o plugin (shell)
- claude plugin update dev-workflows-frontend@claude-code-workflows
- Atualizar o marketplace
- /plugin marketplace update claude-code-workflows
- Desligar por enquanto
- /plugin disable dev-workflows-frontend@claude-code-workflows
- Remover
- /plugin uninstall dev-workflows-frontend@claude-code-workflows
Skills em dev-workflows-frontend
- ai-development-guideshinpr/claude-code-workflows
Applies technical decision criteria, anti-pattern detection, and quality gates for backend and frontend code implementation and review.
2 arquivos714estrelas - coding-principlesshinpr/claude-code-workflows
Apply language-agnostic principles for maintainability, readability, and quality during implementation, refactoring, or code reviews.
3 arquivos714estrelas - documentation-criteriashinpr/claude-code-workflows
Determines the required technical documentation types, creation order, and storage locations based on the scale and complexity of a change.
7 arquivos714estrelas - external-resource-contextshinpr/claude-code-workflows
Records access methods and locations for external resources like design systems, API schemas, and secret stores to prevent repeated rediscovery.
7 arquivos714estrelas - requirement-convergenceshinpr/claude-code-workflows
Reconciles ambiguous requirements into a coherent plan by separating outcomes from proposed requirements and recording user exclusions.
2 arquivos714estrelas - subagents-orchestration-guideshinpr/claude-code-workflows
Provides a framework for orchestrating multiple AI agents through structured workflow phases, requirement validation, and responsibility separation.
4 arquivos714estrelas - testing-principlesshinpr/claude-code-workflows
Apply language-agnostic principles to select test scope, design high-quality tests, and manage mocks and data layer verification.
3 arquivos714estrelas - implementation-approachshinpr/claude-code-workflows
Provides a meta-cognitive framework for selecting development approaches, designing system changes, and defining verification criteria.
714estrelas - integration-e2e-testingshinpr/claude-code-workflows
Defines testing lane boundaries, required annotation patterns, file naming conventions, and route parity review criteria for integration and E2E tests.
714estrelas - llm-friendly-contextshinpr/claude-code-workflows
Refines prompts, handoffs, and documentation to ensure downstream agents have explicit instructions, concrete constraints, and verifiable success criteria.
714estrelas - recipe-front-adjustshinpr/claude-code-workflows
Adjusts existing UI implementations by verifying changes against design sources through an iterative edit-and-verify loop.
714estrelas - recipe-front-buildshinpr/claude-code-workflows
Executes materialized frontend task files through an autonomous four-step cycle of execution, branching, quality-fixing, and committing.
714estrelas - recipe-front-designshinpr/claude-code-workflows
Coordinates the creation and approval of frontend design documents, UI specifications, and ADR batches using repository evidence.
714estrelas - recipe-front-planshinpr/claude-code-workflows
Creates a frontend work plan from design documents and manages the review and approval process.
714estrelas - recipe-front-reviewshinpr/claude-code-workflows
Reviews frontend implementations for compliance, security, and quality, then applies user-approved code or design document corrections.
714estrelas - recipe-quality-profileshinpr/claude-code-workflows
Proposes and manages repository-specific quality policies by creating or updating a YAML configuration file.
714estrelas - recipe-update-docshinpr/claude-code-workflows
Updates existing design documents, PRDs, and ADRs by identifying changes, applying updates via specialized agents, and performing multi-stage reviews.
714estrelas - recipe-diagnoseshinpr/claude-code-workflows
Orchestrates a multi-agent workflow to investigate technical problems, verify root causes, and derive actionable solutions.
714estrelas
Perguntas sobre o plugin dev-workflows-frontend
Como instalo o plugin dev-workflows-frontend?
No Claude Code, execute /plugin marketplace add shinpr/claude-code-workflows e depois /plugin install dev-workflows-frontend@claude-code-workflows.
O que o plugin dev-workflows-frontend inclui?
dev-workflows-frontend agrupa 20 agents, 18 skills.
Quais agentes vêm com dev-workflows-frontend?
acceptance-test-generator, code-reviewer, code-verifier, codebase-analyzer, design-sync, document-reviewer +14. Chame um com @agent-dev-workflows-frontend:acceptance-test-generator.
Como eu atualizo ou removo o plugin dev-workflows-frontend?
Atualize-o com claude plugin update dev-workflows-frontend@claude-code-workflows no seu shell, ou pela aba Instalados de /plugin. Remova-o com /plugin uninstall dev-workflows-frontend@claude-code-workflows.