Agent Skillsshinpr/claude-code-workflows › recipe-front-build

recipe-front-build

GitHub

前端构建编排技能,通过解析工作计划和任务文件,协调专家智能体执行前端开发、质量修复及提交,实现自动化批量审批与交付。

dev-workflows-frontend/skills/recipe-front-build/SKILL.md shinpr/claude-code-workflows

Trigger Scenarios

需要自动执行前端任务文件 用户指令包含现有任务文件的批量审批

Install

npx skills add shinpr/claude-code-workflows --skill recipe-front-build -g -y
More Options

Non-standard path

npx skills add https://github.com/shinpr/claude-code-workflows/tree/main/dev-workflows-frontend/skills/recipe-front-build -g -y

Use without installing

npx skills use shinpr/claude-code-workflows@recipe-front-build

指定 Agent (Claude Code)

npx skills add shinpr/claude-code-workflows --skill recipe-front-build -a claude-code -g -y

安装 repo 全部 skill

npx skills add shinpr/claude-code-workflows --all -g -y

预览 repo 内 skill

npx skills add shinpr/claude-code-workflows --list

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:

  1. Invoke named specialists for deliverable production — pass deliverable paths between them and validate their results (see subagents-orchestration-guide "Orchestrator Execution Boundary")
  2. Follow the 4-step task cycle exactly: execute → branch on executor result → quality-fix → commit
  3. Enter autonomous mode when user provides execution instruction with existing task files — this IS the batch approval
  4. 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:

  1. Use the work plan explicitly supplied in $ARGUMENTS when present.
  2. Otherwise group single-layer task files by the existing {plan-name}-task-*.md naming contract and map each group to docs/plans/{plan-name}.md. Exclude layer-aware fullstack task sets.
  3. When task groups produce no candidate, use the only Work Plan under docs/plans/ when exactly one exists.
  4. 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:

  1. List task files in docs/plans/tasks/ matching the single-layer pattern {plan-name}-task-*.md for 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:

  1. EXECUTE: invoke Agent tool (subagent_type: "dev-workflows-frontend:task-executor-frontend") → Record the current HEAD as diffBase, pass task_file: [path], and receive the structured response
  2. BRANCH ON EXECUTOR RESULT:
    • status: "escalation_needed" or "blocked" → Apply subagents-orchestration-guide Specialist Result Acceptance; escalate only a valid user-owned block
    • requiresTestReview is true → Identify the changed integration/E2E test files in the current changes and invoke integration-test-reviewer with them as changedTestFiles, plus diffBase, taskFile, prompt-only claims, and mutationEvidence
      • approved → Proceed to step 3
      • blocked → Apply Specialist Result Acceptance
      • needs_revision → Pass qualityIssues unchanged into the Review Resolution Gate; return to step 1 for rerouted corrections and derive convergence from correction re-review prior_feedback_reconciliation
    • status: completed → Proceed to step 3
  3. QUALITY-FIX: Invoke quality-fixer-frontend with task_file, upstream mutationEvidence, and qualityCommand when available (caller first, otherwise current task)
    • stub_detected → Return to step 1 with quality-fixer-frontend's incompleteImplementations array unchanged as the canonical incompleteImplementations field
    • blocked → Apply Specialist Result Acceptance
    • verification_incomplete → Retain the complete result for final retry and proceed to step 4
    • approved → Proceed to step 4
  4. COMMIT: Apply subagents-orchestration-guide Commit Boundary Check, then execute git commit after quality-fixer-frontend returns approved or verification_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_type and document_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:36

    重构以对齐证据驱动模型,移除冗余约束,优化自主工作流提示词

  • 0d96a63 2026-08-05 22:03

    修复了变更测试发现逻辑的宽松度,简化了质量变更审查流程,并关闭了工作流契约中的缺口。

  • 51b7dbc 2026-08-05 01:44

    新增强制性的审查解决流程,简化规划逻辑并收敛审查机制。

  • d439b50 2026-07-31 02:51

    重构以集中化工作规划的任务边界,细化任务文件解析规则,排除非当前实施阶段文件,优化工作流提示词及编排周期契约对齐。

  • 56ab6c1 2026-07-19 22:42

    重构:改进提示词执行指导

  • 66e3b29 2026-07-05 11:58

Same Skill Collection

dev-skills/skills/ai-development-guide/SKILL.md
dev-skills/skills/coding-principles/SKILL.md
dev-skills/skills/documentation-criteria/SKILL.md
dev-skills/skills/external-resource-context/SKILL.md
dev-skills/skills/frontend-ai-guide/SKILL.md
dev-skills/skills/implementation-approach/SKILL.md
dev-skills/skills/integration-e2e-testing/SKILL.md
dev-skills/skills/llm-friendly-context/SKILL.md
dev-skills/skills/requirement-convergence/SKILL.md
dev-skills/skills/test-implement/SKILL.md
dev-skills/skills/testing-principles/SKILL.md
dev-skills/skills/typescript-rules/SKILL.md
dev-workflows-frontend/skills/ai-development-guide/SKILL.md
dev-workflows-frontend/skills/coding-principles/SKILL.md
dev-workflows-frontend/skills/documentation-criteria/SKILL.md
dev-workflows-frontend/skills/external-resource-context/SKILL.md
dev-workflows-frontend/skills/frontend-ai-guide/SKILL.md
dev-workflows-frontend/skills/implementation-approach/SKILL.md
dev-workflows-frontend/skills/integration-e2e-testing/SKILL.md
dev-workflows-frontend/skills/llm-friendly-context/SKILL.md
dev-workflows-frontend/skills/recipe-diagnose/SKILL.md
dev-workflows-frontend/skills/recipe-front-adjust/SKILL.md
dev-workflows-frontend/skills/recipe-front-design/SKILL.md
dev-workflows-frontend/skills/recipe-front-plan/SKILL.md
dev-workflows-frontend/skills/recipe-front-review/SKILL.md
dev-workflows-frontend/skills/recipe-task/SKILL.md
dev-workflows-frontend/skills/recipe-update-doc/SKILL.md
dev-workflows-frontend/skills/requirement-convergence/SKILL.md
dev-workflows-frontend/skills/subagents-orchestration-guide/SKILL.md
dev-workflows-frontend/skills/task-analyzer/SKILL.md
dev-workflows-frontend/skills/test-implement/SKILL.md
dev-workflows-frontend/skills/testing-principles/SKILL.md
dev-workflows-frontend/skills/typescript-rules/SKILL.md
dev-workflows-fullstack/skills/ai-development-guide/SKILL.md
dev-workflows-fullstack/skills/coding-principles/SKILL.md
dev-workflows-fullstack/skills/documentation-criteria/SKILL.md
dev-workflows-fullstack/skills/external-resource-context/SKILL.md
dev-workflows-fullstack/skills/frontend-ai-guide/SKILL.md
dev-workflows-fullstack/skills/implementation-approach/SKILL.md
dev-workflows-fullstack/skills/integration-e2e-testing/SKILL.md
dev-workflows-fullstack/skills/llm-friendly-context/SKILL.md
dev-workflows-fullstack/skills/recipe-add-integration-tests/SKILL.md
dev-workflows-fullstack/skills/recipe-build/SKILL.md
dev-workflows-fullstack/skills/recipe-design/SKILL.md
dev-workflows-fullstack/skills/recipe-diagnose/SKILL.md
dev-workflows-fullstack/skills/recipe-front-adjust/SKILL.md
dev-workflows-fullstack/skills/recipe-front-build/SKILL.md
dev-workflows-fullstack/skills/recipe-front-design/SKILL.md
dev-workflows-fullstack/skills/recipe-front-plan/SKILL.md

Metadata

Files
0
Version
416af89
Hash
487ba6c6
Indexed
2026-07-05 11:58

ホーム - Wiki
Copyright © 2011-2026 iteam. Current version is 2.155.2. UTC+08:00, 2026-08-13 00:30
浙ICP备14020137号-1 $お客様$