recipe-front-build
Skill39 starsChanged 11 days agoMITView on GitHub
Execute an approved frontend Work Plan autonomously through frontend implementation, quality fixes, commits, and final verification.
1 other project uses a version of this.
Adopted by
Most recently taken up by
- shinpr/claude-code-workflowstheir own version, first seen Mar 23, 2026
Other versions1 project uses a version of this.
Word for word · 0
None found.
Edited · 0
None found.
Wrote their own version · 1
- shinpr/claude-code-workflows★ 712same name
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository30 other files it gives its agents.
- ai-development-guideSkill
- coding-rulesSkill
- documentation-criteriaSkill
- external-resource-contextSkill
- implementation-approachSkill
- integration-e2e-testingSkill
- llm-friendly-contextSkill
- recipe-add-integration-testsSkill
- recipe-buildSkill
- recipe-designSkill
- recipe-diagnoseSkill
- recipe-front-adjustSkill
- recipe-front-designSkill
- recipe-front-planSkill
- recipe-front-reviewSkill
- recipe-fullstack-buildSkill
- recipe-fullstack-implementSkill
- recipe-implementSkill
- recipe-outcome-watchSkill
- recipe-planSkill
- recipe-prepare-implementationSkill
- recipe-quality-profileSkill
- recipe-reverse-engineerSkill
- recipe-reviewSkill
- recipe-update-docSkill
- requirement-convergenceSkill
- reviewee-judgmentSkill
- subagent-delegationSkill
- subagents-orchestration-guideSkill
- testingSkill
The file
We split this skill into the rules it gives an agent
3 rules. About 0 are common, 1 is distinctive, and 2 are very specific to this project.
≈0
Common · estimate
Many files like this have a rule of this kind.
≈1
Distinctive · estimate
This author's own choices. Worth a look.
2
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Very specific: line 8
Before loading required skills, use wc -c to size the files and set both exec_command.max_output_tokens and the outer // @exec: …
- Very specific: line 16
Invocation rule: Start each named agent with spawn_agent and fork_turns="none".
- Distinctive: line 64
Remove consumed task files after final verification and preserve the Work Plan.
≈ “Common” is an estimate: at least 1 in 5 of the 350,495 skill files we read have a rule of the same kind, not the same words. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
Required Skills [LOAD BEFORE EXECUTION]
Before loading required skills, use wc -c to size the files and set both exec_command.max_output_tokens and the outer // @exec: {"max_output_tokens": N} budget to accommodate their contents, including the combined output of batched reads. Split oversized reads upfront; recover any truncated content before proceeding.
coding-rulestestingai-development-guidesubagents-orchestration-guidellm-friendly-context
Invocation rule: Start each named agent with spawn_agent and fork_turns="none". When invoking the same named agent again within this flow, use followup_task on its existing instance with the inputs specified for the current invocation. Supply exact artifact paths.
Orchestrator Role
The orchestrator owns plan selection, approval dialogue, task-set computation, routing, commits, and completion reporting. Invoke specialist agents for task decomposition, frontend implementation, test review, quality repair, and final verification. A user-requested plan revision follows Work Plan Authorization.
Work plan: $ARGUMENTS
1. Resolve the Work Plan
Apply subagents-orchestration-guide Work Plan Resolution with docs/plans/tasks/{plan-name}-frontend-task-*.md as the managed task pattern, excluding basenames that start with integration-tests-. Report a missing plan as the exact prerequisite.
2. Approval Gate
Apply subagents-orchestration-guide Work Plan Authorization. When user authorization to implement is absent from both the conversation and plan, ask before agent invocation or task analysis:
Approve this Work Plan as the implementation scope and authorize task decomposition, frontend implementation, quality fixes, and per-task commits?
[path]
Record the user's instruction and scope in Implementation Authorization and proceed to Step 3. A requested change returns through work-planner and document review before this gate.
3. Conditional Environment Preparation
Proceed directly to task generation. Run recipe-prepare-implementation only when the user explicitly requests repository-local setup. If task-local execution later identifies a concrete missing repository capability, resolve it through Orchestrator Escalation Resolution and run the preparation side path when that is the smallest authorized resolution.
4. Task Set and Execution Plan
The managed set is exactly docs/plans/tasks/{plan-name}-frontend-task-*.md implementation task files whose basename does not start with integration-tests-. The pending set contains managed files with at least one unchecked task checkbox. When the managed set is empty, invoke task-decomposer with the exact approved Work Plan path, verify the generated task files, and recompute both sets. Batch approval authorizes decomposition. When the managed set exists and the pending set is empty, proceed to final verification.
Order pending tasks by dependencies. Use the active execution plan when one exists; otherwise create one after the task set is known and update it through final verification.
5. Autonomous Task Cycle
Review reception: Unnecessary repairs create lasting work. Before assigning a fix, use Review Resolution to judge no change, removal or narrowing, and reuse first; record why any retained or added mechanism is necessary.
Execute each pending task through the subagents-orchestration-guide autonomous task cycle using task-executor-frontend and quality-fixer-frontend. Pass the exact task file and preserve the canonical Per-Task Change Set. After a successful implementation commit, update the Task File, corresponding Work Plan task and phase, and execution plan locally; keep Task Files and the Work Plan outside the implementation commit.
6. Requirement Changes
Apply subagents-orchestration-guide Requirement Change Detection During Flow and preserve unaffected completed work.
7. Final Verification
Apply subagents-orchestration-guide Post-Implementation Review to the actual files changed by completed tasks and their governing documents. Route required fixes through the frontend task cycle.
Apply a security-reviewer finding only when leaving it unresolved would violate an explicit governing requirement or repository rule, or leave a concrete material security failure in the actual reachable trust model. The violated requirement, rule, or failure defines implementation scope: route the smallest correction that resolves it, treating the reviewer's suggestion as one candidate implementation.
8. Cleanup and Report
Remove consumed task files after final verification and preserve the Work Plan. Report completed tasks, commits, verification results, and any verification limitation that could not be exercised in the available environment.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

