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
dev-workflows-frontend プラグインのインストール方法
両方のコマンドを Claude Code 内で実行してください。最初のコマンドで marketplace を一度追加し、2 番目のコマンドでプラグインをインストールします。
/plugin marketplace add shinpr/claude-code-workflows
/plugin install dev-workflows-frontend@claude-code-workflowsdev-workflows-frontend の内容
プラグイン自身のファイルから読み込まれた 38 個のパーツ です。
Agent 20
@agent-dev-workflows-frontend:name として呼び出し- @agent-dev-workflows-frontend:acceptance-test-generator
ファイルに説明がありません。
- @agent-dev-workflows-frontend:code-reviewer
ファイルに説明がありません。
- @agent-dev-workflows-frontend:code-verifier
ファイルに説明がありません。
- @agent-dev-workflows-frontend:codebase-analyzer
ファイルに説明がありません。
- @agent-dev-workflows-frontend:design-sync
ファイルに説明がありません。
- @agent-dev-workflows-frontend:document-reviewer
ファイルに説明がありません。
- @agent-dev-workflows-frontend:integration-test-reviewer
ファイルに説明がありません。
- @agent-dev-workflows-frontend:investigator
ファイルに説明がありません。
- @agent-dev-workflows-frontend:prd-creator
ファイルに説明がありません。
- @agent-dev-workflows-frontend:quality-fixer-frontend
ファイルに説明がありません。
- @agent-dev-workflows-frontend:requirement-analyzer
ファイルに説明がありません。
- @agent-dev-workflows-frontend:security-reviewer
ファイルに説明がありません。
- @agent-dev-workflows-frontend:solver
ファイルに説明がありません。
- @agent-dev-workflows-frontend:task-decomposer
ファイルに説明がありません。
- @agent-dev-workflows-frontend:task-executor-frontend
ファイルに説明がありません。
- @agent-dev-workflows-frontend:technical-designer-frontend
ファイルに説明がありません。
- @agent-dev-workflows-frontend:ui-analyzer
ファイルに説明がありません。
- @agent-dev-workflows-frontend:ui-spec-designer
ファイルに説明がありません。
- @agent-dev-workflows-frontend:verifier
ファイルに説明がありません。
- @agent-dev-workflows-frontend:work-planner
ファイルに説明がありません。
SKILL 18
タスクが一致したときに Claude が読み込みます- 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.
Claude Code での dev-workflows-frontend の使用方法
Agent を名前で指定してください:
@agent-dev-workflows-frontend:acceptance-test-generator
@agent-dev-workflows-frontend:code-reviewerSKILL にコマンドは不要です。リクエストが説明と一致したときに Claude が読み込みます。
更新、オフ、または削除
- プラグインを更新 (shell)
- claude plugin update dev-workflows-frontend@claude-code-workflows
- marketplace を更新
- /plugin marketplace update claude-code-workflows
- 一時的にオフにする
- /plugin disable dev-workflows-frontend@claude-code-workflows
- 削除する
- /plugin uninstall dev-workflows-frontend@claude-code-workflows
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件のファイル714スター - coding-principlesshinpr/claude-code-workflows
Apply language-agnostic principles for maintainability, readability, and quality during implementation, refactoring, or code reviews.
3件のファイル714スター - 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件のファイル714スター - 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件のファイル714スター - requirement-convergenceshinpr/claude-code-workflows
Reconciles ambiguous requirements into a coherent plan by separating outcomes from proposed requirements and recording user exclusions.
2件のファイル714スター - subagents-orchestration-guideshinpr/claude-code-workflows
Provides a framework for orchestrating multiple AI agents through structured workflow phases, requirement validation, and responsibility separation.
4件のファイル714スター - 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件のファイル714スター - implementation-approachshinpr/claude-code-workflows
Provides a meta-cognitive framework for selecting development approaches, designing system changes, and defining verification criteria.
714スター - 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.
714スター - llm-friendly-contextshinpr/claude-code-workflows
Refines prompts, handoffs, and documentation to ensure downstream agents have explicit instructions, concrete constraints, and verifiable success criteria.
714スター - recipe-front-adjustshinpr/claude-code-workflows
Adjusts existing UI implementations by verifying changes against design sources through an iterative edit-and-verify loop.
714スター - recipe-front-buildshinpr/claude-code-workflows
Executes materialized frontend task files through an autonomous four-step cycle of execution, branching, quality-fixing, and committing.
714スター - recipe-front-designshinpr/claude-code-workflows
Coordinates the creation and approval of frontend design documents, UI specifications, and ADR batches using repository evidence.
714スター - recipe-front-planshinpr/claude-code-workflows
Creates a frontend work plan from design documents and manages the review and approval process.
714スター - recipe-front-reviewshinpr/claude-code-workflows
Reviews frontend implementations for compliance, security, and quality, then applies user-approved code or design document corrections.
714スター - recipe-quality-profileshinpr/claude-code-workflows
Proposes and manages repository-specific quality policies by creating or updating a YAML configuration file.
714スター - 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.
714スター - recipe-diagnoseshinpr/claude-code-workflows
Orchestrates a multi-agent workflow to investigate technical problems, verify root causes, and derive actionable solutions.
714スター
dev-workflows-frontend プラグインに関する質問
dev-workflows-frontend プラグインをインストールするにはどうすればよいですか。
Claude Code で /plugin marketplace add shinpr/claude-code-workflows を実行し、続いて /plugin install dev-workflows-frontend@claude-code-workflows を実行します。
dev-workflows-frontend プラグインには何が含まれていますか。
dev-workflows-frontend には 20 件のエージェント, 18 件のスキル が含まれています。
dev-workflows-frontend にはどの Agent が含まれていますか?
acceptance-test-generator, code-reviewer, code-verifier, codebase-analyzer, design-sync, document-reviewer +14 です。@agent-dev-workflows-frontend:acceptance-test-generator で呼び出せます。
dev-workflows-frontend プラグインを更新または削除するにはどうすればよいですか?
shell で claude plugin update dev-workflows-frontend@claude-code-workflows を使用して更新するか、/plugin の Installed タブから行ってください。削除するには /plugin uninstall dev-workflows-frontend@claude-code-workflows を使用してください。