recipe-front-build

recipe-front-build is a skill for Claude Code, Codex from shinpr/claude-code-workflows. It costs 14 tokens per session (2,131 once invoked), scanned A, original, MIT.

A guided process for carrying out approved frontend task files in autonomous execution mode. It coordinates specialized agents and checks their work as the implementation progresses.

In plain words
What is it for?
Use it to implement planned React or other frontend changes, pass task information between specialists, and review the resulting work before completion.
Why use it?
It turns an agreed frontend plan into an organized execution process and helps catch problems during delivery.

Skill for Claude CodeCodex

Part of the dev-workflows-frontend plugin — 11 skills shipped together

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

agentmods
npx agentmods add skills/shinpr/claude-code-workflows/recipe-front-build
Any agent
npx skills add shinpr/claude-code-workflows --skill recipe-front-build
Clone the repo
git clone --depth 1 https://github.com/shinpr/claude-code-workflows

Made for: Claude Code, Codex.

Or install dev-workflows-frontend, the plugin that ships this one along with the rest of its 11 skills.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for recipe-front-build

README.md
[![agentmods](https://agentmods.dev/badge/skills/shinpr/claude-code-workflows/recipe-front-build.svg)](https://agentmods.dev/skills/shinpr/claude-code-workflows/recipe-front-build)
Your own site
<a href="https://agentmods.dev/skills/shinpr/claude-code-workflows/recipe-front-build"><img src="https://agentmods.dev/badge/skills/shinpr/claude-code-workflows/recipe-front-build.svg" alt="Measured on agentmods" height="20"></a>
Per session 14 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 2,131 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00014 $0.02131
Opus 5 $0.00007 $0.01066
Sonnet 5 $0.00003 $0.00426
Haiku 4.5 $0.00001 $0.00213

Measured 6d ago against content hash 9bcc47d9a716, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-05, from the pricing page.

Security

Grade A, and why

recipe-front-build scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 6d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

dev-workflows-frontend/skills/recipe-front-build/SKILL.md · 143 lines

How it starts

The opening of the file, as written. The whole thing — 143 lines — stays where its author put it; the contents beside it link to each section on GitHub.

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

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.

Read the full file on GitHub · 143 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 6d ago First seen · 143 lines · 14 tokens per session scan A 9bcc47d9a716

Subscribe to this mod's changes

recipe-front-build is a skill published in the GitHub repository shinpr/claude-code-workflows (679 stars, last pushed 2d ago), licensed MIT. It adds 14 tokens to every session and 2,131 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-30.