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.