# Recipe Front Build

Execute materialized frontend task files in autonomous execution mode

- Repository: https://github.com/shinpr/claude-code-workflows (708 stars)
- Category: Design
- License: MIT
- Last updated: 2026-10-29
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add shinpr/claude-code-workflows --skill recipe-front-build -g -a claude-code -y`
Codex: `npx skills add shinpr/claude-code-workflows --skill recipe-front-build -g -a codex -y`
Cursor: `npx skills add shinpr/claude-code-workflows --skill recipe-front-build -g -a cursor -y`
Gemini CLI: `npx skills add shinpr/claude-code-workflows --skill recipe-front-build -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add shinpr/claude-code-workflows`

## Description

Execute materialized frontend task files in autonomous execution mode

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

**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.

## 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 for each task in the Consumed Task Set**: execute → branch on executor result → quality-fix → commit. Corrections produced outside that cycle reuse its executor-result branching and quality gate, and defer only the commit to their own phase's rule
3. **Enter autonomous mode** when the user provides execution instruction with an existing Work Plan or task files, this IS the batch approval
4. **Scope**: Complete consumed task-set execution, post-implementation verification, consumed-task cleanup, and completion reporting in order, or stop autonomous execution at the current phase for a valid user-owned escalation. Advance only when the current phase's stated transition condition is satisfied.

The rest: https://github.com/shinpr/claude-code-workflows/blob/HEAD/dev-workflows-frontend/skills/recipe-front-build/SKILL.md