planning-flow

Orchestrates product planning workflows across Markdown, HTML, and Figma stages with confirmation gates.

Updated May 10, 2026
One-click install
npx skills add https://github.com/dadafinger/dadafinger-skills --skill planning-flow-dadafinger
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: planning-flow
Source: https://github.com/dadafinger/dadafinger-skills/tree/main/planning-flow
Command: npx skills add https://github.com/dadafinger/dadafinger-skills --skill planning-flow-dadafinger

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Coordinating a product planning workflow that spans spec Markdown authoring, HTML rendering, and Figma frame creation requires switching between three separate skills and deciding when to proceed. This Skill acts as a single entry point that routes requests to the right sub-skill and enforces confirmation gates between stages so nothing advances automatically. ## Core Features & Use Cases - Entry-point routing: Directs requests to planning-md (spec creation/editing), planning-html (template rendering), or planning-figma (new 3-tier frames) based on intent. - Confirmation gates: Pauses after each stage to ask whether to continue, with an extra mandatory check before any Figma write operation. - Cross-artifact consistency: Verifies 4-way alignment between md section numbers, HTML area numbers, Figma section names, and mockup markers. - Use Case: A product manager says "draft a new spec, then take it through HTML and Figma" — the orchestrator runs planning-md, pauses for confirmation, runs planning-html, pauses again, then confirms once more before creating Figma frames. ## Quick Start Ask the assistant to start a new product plan and carry it from Markdown spec through HTML rendering to a new Figma frame, confirming at each step.

Frequently Asked Questions about planning-flow

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

FAQPage Schema
How do I run a product planning workflow from Markdown to Figma?▼

Invoke the planning-flow entry point with a request like "new spec, then HTML and Figma." It routes to planning-md first, then pauses for confirmation before running planning-html and planning-figma in sequence.

Can I run only one stage of the planning pipeline?▼

Yes. Each stage is an independent skill: call planning-md for spec creation or editing, planning-html for template rendering, or planning-figma for new frame creation directly without the orchestrator.

Does the workflow proceed to Figma automatically after HTML?▼

No. The orchestrator never advances automatically. It asks for confirmation after each stage, and requires an extra explicit confirmation immediately before any Figma write operation, even if you granted full authority upfront.

How is consistency checked between md, HTML, and Figma outputs?▼

The skill enforces a four-way section contract: md heading numbers must match HTML area numbers, Figma section names, and red numbered mockup markers. If any artifact misaligns, the workflow stops for inspection.

When should I use figma-change-flow instead of this orchestrator?▼

Use figma-change-flow when modifying existing Figma nodes rather than creating new frames. After content updates finish, its format-batch-pass applies Description and mockup formatting in bulk per feature set.