recipe-front-build

Orchestrate frontend tasks through executor, escalation, and quality-fixer subagents.

29|4|Updated Mar 17, 2026
One-click install
npx skills add https://github.com/shinpr/codex-workflows --skill recipe-front-build-shinpr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: recipe-front-build
Source: https://github.com/shinpr/codex-workflows/tree/main/.agents/skills/recipe-front-build
Command: npx skills add https://github.com/shinpr/codex-workflows --skill recipe-front-build-shinpr

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Executing complex frontend changes often requires coordinating multiple steps, quality checks, and approvals. This skill provides an autonomous orchestration that runs frontend tasks through a dedicated executor, escalation checks, and a quality fixer before committing changes, improving traceability and reliability.

Core Features & Use Cases

  • Autonomous frontend task orchestration across planning, execution, escalation, and quality assurance.
  • Enforces the mandatory 4-step execution cycle: task-executor-frontend -> escalation check -> quality-fixer-frontend -> commit.
  • Spawns and coordinates subagents for parallel task processing, plan validation, and verification.
  • Pre-execution prerequisites and consumed task-set management to ensure readiness and auditable workflow.
  • Post-implementation verification to ensure consistency with the Design Doc and Work Plan.

Quick Start

Provide an execution instruction to start autonomous frontend task execution with the current work plan.

Frequently Asked Questions about recipe-front-build

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate complex frontend migrations with multi-step validation?

Autonomous frontend task orchestration coordinates a task-executor, escalation checks, and a quality-fixer to produce committed changes. It manages complex frontend migrations by enforcing a mandatory four-step execution cycle for reliable, traceable results.

What is the mandatory execution cycle for autonomous frontend task workflows?

The mandatory execution cycle for autonomous frontend workflows consists of four steps: task-executor-frontend, escalation check, quality-fixer-frontend, and commit. This sequence ensures post-implementation verification and consistency with the work plan.

How do I coordinate subagents for parallel frontend task processing?

You coordinate subagents for parallel frontend task processing by using an orchestration skill that spawns and manages dedicated execution and quality assurance agents. This enforces sub-agent prompt constraints while consuming work plans.

Do I need a work plan before starting autonomous frontend task execution?

Yes, you need a work plan before starting autonomous frontend task execution. The workflow enforces mandatory pre-execution prerequisites and consumes a task-set to ensure readiness and maintain an auditable workflow across plans and design docs.

Can I use autonomous orchestration for UI changes that require design doc traceability?

Yes, you can use autonomous orchestration for UI changes requiring design doc traceability. It applies post-implementation verification to ensure consistency with the Design Doc and Work Plan, covering feature work and complex migrations.

What are the limitations of using subagent orchestration for frontend feature work?

A key limitation of subagent orchestration for frontend feature work is its strict dependency on pre-execution prerequisites and consumed task-set management. Without a structured work plan, the enforced four-step execution cycle cannot operate properly.