recipe-front-build
GitHub前端构建编排技能,用于自主执行已物质化的前端任务文件。通过解析工作流计划,调用专家智能体生产交付物,严格执行执行、分支、质量修复和提交循环,确保前端代码质量与流程规范。
Trigger Scenarios
Install
npx skills add shinpr/claude-code-workflows --skill recipe-front-build -g -y
SKILL.md
Frontmatter
{
"name": "recipe-front-build",
"description": "Execute materialized frontend task files in autonomous execution mode",
"disable-model-invocation": true
}
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.
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 deliverable paths between them and validate their results (see subagents-orchestration-guide "Orchestrator Execution Boundary")
- Follow the 4-step task cycle exactly: execute → branch on executor result → quality-fix → commit
- Enter autonomous mode when user provides execution instruction with existing task files — this IS the batch approval
- Scope: Complete when all tasks are committed or escalation occurs
CRITICAL: Run quality-fixer-frontend before every commit.
Work plan: $ARGUMENTS
Pre-execution Prerequisites
Work Plan Resolution
Before any task processing, locate the work plan. Resolution rule:
- Use the work plan explicitly supplied in
$ARGUMENTSwhen present. - Otherwise group single-layer task files by the existing
{plan-name}-task-*.mdnaming contract and map each group todocs/plans/{plan-name}.md. Exclude layer-aware fullstack task sets. - When task groups produce no candidate, use the only Work Plan under
docs/plans/when exactly one exists. - Select the sole candidate. When multiple candidates remain, present them for selection. When none exists, continue through the missing-prerequisite branch below.
Consumed Task Set
Compute the Consumed Task Set for this run — the exact files this recipe owns, executes, and later deletes. Use the same restricted pattern as Work Plan Resolution:
- List task files in
docs/plans/tasks/matching the single-layer pattern{plan-name}-task-*.mdfor the{plan-name}resolved by Work Plan Resolution. Layer-aware fullstack tasks are excluded
Every subsequent reference to "task files" in this recipe — Task Generation Decision Flow, Task Execution Cycle iteration, and Final Cleanup — uses this set, not the unrestricted docs/plans/tasks/*.md glob.
Task Generation Decision Flow
Analyze the Consumed Task Set and determine the action required:
| State | Criteria | Next Action |
|---|---|---|
| Tasks exist | Consumed Task Set is non-empty | User's execution instruction serves as batch approval → Enter autonomous execution immediately |
| No tasks + approved plan exists | Consumed Task Set is empty but the resolved work plan has batch approval | Run task-decomposer; the approval already authorizes mechanical task materialization |
| No tasks + unapproved plan exists | Consumed Task Set is empty and the resolved work plan is not approved | Review it when needed, then present the plan approval gate before task materialization |
| Neither exists + Design Doc exists | No plan, no Consumed Task Set, but docs/design/*.md exists |
Invoke work-planner to create a work plan, then run document-reviewer (dev-workflows-frontend:document-reviewer, doc_type: WorkPlan). Run Review Resolution through its correction re-review, escalation, and convergence transitions, using work-planner for rerouted corrections; then present the resolved plan for batch approval before task materialization |
| Neither exists | No plan, no Consumed Task Set, no Design Doc | Report missing prerequisites to user and stop |
Task Materialization Phase (Conditional)
When the Consumed Task Set is empty:
1. Authorization Check
Use the normal Work Plan review and approval gate when batch approval is absent. Existing batch approval authorizes task materialization directly.
2. Task Materialization
Invoke task-decomposer using Agent tool:
subagent_type: "dev-workflows-frontend:task-decomposer"description: "Materialize work plan tasks"prompt: "Read work plan at docs/plans/[plan-name].md and output individual single-commit task files in docs/plans/tasks/."
3. Verify Generation
Recompute the Consumed Task Set using the same restricted pattern from the Consumed Task Set section above. When it remains empty, apply Specialist Result Acceptance: validate the invocation and returned artifacts, correct recoverable input or naming errors, and rerun. Stop for the user only when resolving the plan or intended task boundary requires a user-owned decision.
Flow: Task generation → Consumed Task Set recompute → Autonomous execution (in this order)
Pre-execution Checklist
- Confirmed Consumed Task Set is non-empty (computed in the Consumed Task Set section above)
- Identified task execution order within the Consumed Task Set (dependencies)
- Environment check: Can I execute per-task commit cycle?
- If commit capability unavailable → Escalate before autonomous mode
- Other environments (tests, quality tools) → Quality agents retain proof limitations while the task cycle continues
Task Execution Cycle (4-Step Cycle)
MANDATORY EXECUTION CYCLE: execute → branch on executor result → quality-fix → commit
Before the loop, register "Execute consumed task set", "Run post-implementation verification", "Clean up consumed task files", and "Report completion" once with TaskCreate; mark and advance the active phase with TaskUpdate.
For EACH task in the Consumed Task Set, YOU MUST:
- EXECUTE: invoke Agent tool (subagent_type: "dev-workflows-frontend:task-executor-frontend") → Record the current HEAD as
diffBase, passtask_file: [path], and receive the structured response - BRANCH ON EXECUTOR RESULT:
status: "escalation_needed"or"blocked"→ Apply subagents-orchestration-guide Specialist Result Acceptance; escalate only a valid user-owned blockrequiresTestReviewistrue→ Identify the changed integration/E2E test files in the current changes and invoke integration-test-reviewer with them aschangedTestFiles, plusdiffBase,taskFile, prompt-only claims, andmutationEvidenceapproved→ Proceed to step 3blocked→ Apply Specialist Result Acceptanceneeds_revision→ PassqualityIssuesunchanged into the Review Resolution Gate; return to step 1 for rerouted corrections and derive convergence from correction re-reviewprior_feedback_reconciliation
status: completed→ Proceed to step 3
- QUALITY-FIX: Invoke quality-fixer-frontend with
task_file, upstreammutationEvidence, andqualityCommandwhen available (caller first, otherwise current task)stub_detected→ Return to step 1 with quality-fixer-frontend'sincompleteImplementationsarray unchanged as the canonicalincompleteImplementationsfieldblocked→ Apply Specialist Result Acceptanceverification_incomplete→ Retain the complete result for final retry and proceed to step 4approved→ Proceed to step 4
- COMMIT: Apply subagents-orchestration-guide Commit Boundary Check, then execute git commit after quality-fixer-frontend returns
approvedorverification_incomplete; append its verification trailers for the latter
Use each subagent's semantic result and repository evidence through Specialist Result Acceptance; canonical status fields provide the normal routing shortcut. Proceed to the next task after step 4 and retain any verification limitation with its status kept proof-limited.
Verify task files exist per Pre-execution Checklist, then enter autonomous execution mode. When requirement changes are detected during execution, escalate to the user with the change summary before continuing.
Post-Implementation Verification (After All Tasks Complete)
Before invoking post-implementation verifiers, apply subagents-orchestration-guide's retained verification limitation retry with quality-fixer-frontend. Continue with the verifiers after clearing or retaining each result; include only repeated limitations in the completion report.
Resolve the Work Plan's readable Design Doc; missing input blocks verification.
Emit these Agent calls in one assistant message, then await both:
- code-verifier (subagent_type: "dev-workflows-frontend:code-verifier") → verify the completed implementation against the resolved
doc_typeanddocument_path - security-reviewer (subagent_type: "dev-workflows-frontend:security-reviewer") → review the completed implementation against the same typed
governingDocuments
Apply subagents-orchestration-guide's Post-Implementation Verification status-routing and fix/re-run rules with the frontend executor and quality-fixer. Present the unified report; proceed to Final Cleanup after the complete verification set reaches Review Resolution convergence.
Final Cleanup
Before the completion report, delete the implementation task files this recipe consumed. Their work is committed; docs/plans/ is ephemeral working state and is not retained between recipe runs:
- Delete every file in the Consumed Task Set
- Preserve the work plan itself (
docs/plans/{plan-name}.md) — the user decides whether to delete it after final review
If task-file deletion fails with a filesystem error, report the failure and continue to the completion report.
Completion Report Contract
Final report must include:
- Task materialization status
- Implemented task count
- Quality check result
- Verification limitations that remained after final retry
- Commit count
- Cleanup result
- Declined actionable findings with ID, governing reason, and evidence, when any occurred
- Escalation or blocking summary, if any
Version History
-
416af89
Current 2026-08-12 16:41
重构以对齐证据驱动模型自治,移除跨智能体和技能的生成工作约束,优化工作流边界。
-
0d96a63
2026-08-05 22:07
移除了Review Resolution Gate中关于包含被拒绝ID及其理由的强制性报告要求,简化了审查结果的处理流程。
-
51b7dbc
2026-08-05 01:48
新增强制性审查解决机制,要求在执行前读取审查指南;优化工作计划解析逻辑,排除全栈任务干扰;简化规划流程并收敛审查标准。
-
d439b50
2026-07-31 02:55
重构:集中化工作计划任务边界;对齐编排周期契约及集成测试审查契约;分离编排任务跟踪;使最终验证器并发可执行;传递权威质量命令。
-
56ab6c1
2026-07-19 22:46
重构提示词以优化执行指导逻辑
- 66e3b29 2026-07-05 12:02


