recipe-front-plan

Generate frontend work plans and test skeletons from design documents.

Updated Jun 8, 2026
One-click install
npx skills add https://github.com/darsoohoo/intake-bot --skill recipe-front-plan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: recipe-front-plan
Source: https://github.com/darsoohoo/intake-bot/tree/main/.agents/skills/recipe-front-plan
Command: npx skills add https://github.com/darsoohoo/intake-bot --skill recipe-front-plan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automate the translation of design documentation into a concrete frontend plan, reducing handoff friction and ensuring alignment between design intent and development tasks.

Core Features & Use Cases

  • Frontend plan generation from design documents in docs/design/
  • Test skeleton generation tied to the design spec to accelerate validation
  • Work plan creation and review workflow with built-in approval steps
  • Optional: traceability links between design artifacts and implementation tasks

Quick Start

Provide the design documents in docs/design/ to initiate frontend planning and generate the work plan with test skeletons.

Frequently Asked Questions about recipe-front-plan

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

FAQPage Schema
How do I generate a frontend work plan from design docs?▼

Generate a frontend work plan from design docs by placing UI specifications in docs/design/. The automation orchestrates document selection, creates test skeletons, and builds a reviewable work plan requiring explicit user approval to finalize.

Can I automate test skeleton generation from UI specs?▼

Yes, you can automate test skeleton generation from UI specs. The Skill reads design specifications from docs/design/ and automatically produces tied test skeletons to accelerate validation alongside the generated work plan.

What's the best way to orchestrate frontend planning from design documents?▼

The best way to orchestrate frontend planning from design documents is using an automated workflow that selects design files, generates test skeletons, creates a work plan, and enforces iterative review approvals to ensure alignment between design intent and tasks.

Do I need explicit approval to complete frontend work plan creation?▼

Yes, you need explicit user approval to complete frontend work plan creation. The workflow includes built-in review steps where you must explicitly approve the generated plan before the orchestration finishes and finalizes the output.

Does this frontend planning automation work without external dependencies?▼

Yes, this frontend planning automation works without external dependencies. It operates independently to select design documents, generate test skeletons, and create work plans without requiring additional packages or external component integrations.