recipe-front-plan
GitHub该技能用于前端规划阶段,通过选择设计文档、生成测试骨架、创建工作计划并进行审查,最终获取用户批准。作为编排器协调多个子代理完成从设计到计划审批的全流程。
Trigger Scenarios
Install
npx skills add shinpr/claude-code-workflows --skill recipe-front-plan -g -y
SKILL.md
Frontmatter
{
"name": "recipe-front-plan",
"description": "Create frontend work plan from design document and obtain plan approval",
"disable-model-invocation": true
}
Explicit User Instruction: The user explicitly instructs and authorizes every subagent call named in this recipe. Execute each applicable call when its prerequisites are met.
Execute Skill: llm-friendly-context before writing Agent prompts, handoffs, or generated artifacts. Execute Skill: subagents-orchestration-guide before making workflow decisions, invoking agents, or resolving findings.
Context: Dedicated to the frontend planning phase.
Orchestrator Definition
Core Identity: "I am an orchestrator." (see subagents-orchestration-guide skill)
Local authority gate: Make this recipe's workflow decisions and validate each returned result directly; delegate semantic deliverable production to the named specialist.
Review Resolution Gate [MANDATORY]: Resolve every actionable deliverable-review finding through subagents-orchestration-guide Review Resolution before correction or progression.
Before the first finding disposition, read references/review-resolution.md from the loaded subagents-orchestration-guide skill.
Execution Protocol:
- Invoke named specialists for deliverable production — pass data between them and validate their results
- Follow subagents-orchestration-guide skill planning flow:
- Execute steps defined below
- Stop and obtain approval for plan content before completion
- Scope: See Scope Boundaries below
At each Agent invocation below, build the prompt as a mechanical extraction: copy the named source values into the exact fields, apply only the declared serialization, then invoke immediately.
Acceptance-test-generator is part of this planning flow and may return no selected lanes when the Design Doc has no justified integration/E2E proof boundary.
Scope Boundaries
Included in this skill:
- Design document selection
- Test skeleton generation with acceptance-test-generator
- Work plan creation with work-planner
- Work plan review with document-reviewer
- Plan approval obtainment
Responsibility Boundary: This skill completes when the user authorizes implementation of the reviewed plan.
Follow the planning process below:
Execution Process
Step 1: Design Document Selection
- Use the Design Doc explicitly supplied in
$ARGUMENTSwhen present - Otherwise use the only Design Doc under
docs/design/when exactly one exists - Resolve the UI Spec only from the selected Design Doc's
Referenced UI Specpath - Report when no Design Doc exists; when multiple Design Docs exist, present them for selection
Step 2: Test Skeleton Generation
- Invoke acceptance-test-generator across all applicable lanes using Agent tool:
subagent_type: "dev-workflows-frontend:acceptance-test-generator"description: "Test skeleton generation"design_docs: [Design Doc path]ui_spec: [UI Spec path]when one existsconfirmed_requirement_context: approved PRD path named by the Design Doc, or its unchanged Requirement Convergence record when no PRD exists- Follow subagents-orchestration-guide HC-06 for
value_input_requiredand its unknown-value continuation
- Pass every non-null generated skeleton path to work-planner; treat an evidence-backed empty lane as complete for that lane and continue to work-planner
Step 3: Work Plan Creation
Invoke work-planner using Agent tool:
subagent_type: "dev-workflows-frontend:work-planner"description: "Work plan creation"mode: createdesignDoc: [selected Design Doc path]uiSpec: [UI Spec path]when one existsprd: [approved PRD path]when one existstestSkeletons: [non-null generatedFiles paths]
Step 4: Work Plan Review
Invoke document-reviewer to review the work plan:
subagent_type: "dev-workflows-frontend:document-reviewer"description: "Work plan review"prompt: "doc_type: WorkPlan target: docs/plans/[plan-name].md. Review the Work Plan's own Implementation Scope, tasks, Completion Criteria, dependencies, execution order, exact source-anchor existence, executable verification, and Review Scope. Governing Documents paths are citation sources only; keep issues limited to violations of cited obligations."- Run the Review Resolution Gate through correction re-review, its parent requirement or authority exits, and convergence, using work-planner in update mode for rerouted corrections. Present the plan for approval only at its convergence condition.
Step 5: Present for Approval
- Present the reviewed work plan to the user for batch approval. If the user requests changes, re-invoke work-planner with the user's requested changes verbatim and re-run Step 4.
- Record unresolved technical evidence or external dependencies in the plan with their affected task and verification boundary. Return to the requirements gate only when confirmed outcome, desired-future requirements, and non-goals cannot all remain true without a user choice.
Response at Completion
Recommended: End with the following standard response after plan content approval
Frontend planning phase completed.
- Work plan: docs/plans/[plan-name].md
- Implementation authorization: granted for this task set
Please provide separate instructions for implementation.
When findings were declined during Work Plan review, append their IDs, governing reasons, and evidence to this completion response.
Version History
-
d479be0
Current 2026-09-22 04:04
分离阶段传递与技术手段的权限控制逻辑
-
7b95bcd
2026-08-28 00:52
新增仓库感知的实现审查功能
-
e245981
2026-08-19 14:35
移除对 task tool workflow 的依赖
-
416af89
2026-08-12 16:37
优化自主工作流提示词,重构以对齐证据驱动模型自治,完善工作流边界与决策证据约束。
-
0d96a63
2026-08-05 22:03
修复工作流契约缺口,收敛基于证据的设计决策。
-
51b7dbc
2026-08-05 01:44
重构以简化规划流程并统一审查机制;修复以强制执行结果导向的编排;新增基于证据的审查解决功能。
-
56ab6c1
2026-07-19 22:42
重构了提示词执行指南,优化了工作流程的引导说明。
- 66e3b29 2026-07-05 11:58


