prototype-to-prd-pack

Generate full or delta PRD packs from design prototypes and wireframes.

Updated Apr 15, 2026
One-click install
npx skills add https://github.com/chenluhan/skill --skill prototype-to-prd-pack
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: prototype-to-prd-pack
Source: https://github.com/chenluhan/skill/tree/main/.agents/skills/prototype-to-prd-pack
Command: npx skills add https://github.com/chenluhan/skill --skill prototype-to-prd-pack

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires node, pandoc, weasyprint, @mermaid-js/mermaid-cli, npx, npm.

What problem does it solve?

This skill converts design prototypes, wireframes, and page-flow notes into a production-ready PRD pack, enabling streamlined handoff and delivery planning.

Core Features & Use Cases

  • Generate a full PRD pack from prototypes, Figma assets, HTML flows, and wireframes to produce the standard deliverables (01-prd.md, 02-pages.md, 03-flows.md, 04-ai-spec.md, 05-open-questions.md).
  • Create delta PRD packs that capture only changed pages, flows, rules, and open questions from an existing baseline.
  • Validate intake, normalize manifests, render Mermaid diagrams, and export a PDF bundle for stakeholder review and delivery status.

Quick Start

Provide a baseline manifest and run the full or delta pack workflow to generate a PRD pack with Mermaid flows and an AI-ready spec.

Frequently Asked Questions about prototype-to-prd-pack

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

FAQPage Schema
How do I convert Figma prototypes and wireframes into a ready PRD pack?

To convert Figma prototypes and wireframes into a ready PRD pack, provide a normalized manifest to generate standard deliverables like 01-prd.md, 03-flows.md, and 04-ai-spec.md. The skill handles intake diagnosis and outputs AI-ready specs for stakeholder delivery.

What is a delta PRD pack and when do I need to generate one?

A delta PRD pack captures only changed pages, flows, rules, and open questions from an existing baseline. You need to generate a delta pack when updating an established project, ensuring delivery status reflects iterative design changes without regenerating the full document set.

Do I need Node and pandoc installed to export a PRD PDF bundle with Mermaid diagrams?

Yes, you need Node, pandoc, and weasyprint installed to export a PRD PDF bundle. These dependencies, along with the mermaid-cli, are required to render Mermaid diagrams and successfully export the stakeholder review bundle.

Can I generate Mermaid page flows directly from HTML prototypes?

Yes, you can generate Mermaid page flows directly from HTML prototypes by running the full pack workflow. The process validates page-flow notes and renders them into Mermaid diagrams within the 03-flows.md file for visual stakeholder review.

What is a normalized manifest and why is it required for PRD generation?

A normalized manifest is a structured input file standardizing your design prototypes and page-flow notes. It is required for PRD generation because the tool uses it for intake diagnosis, constraining outputs, and validating the final delivery status.

What's the best way to handle open questions discovered during prototype intake diagnosis?

The best way to handle open questions discovered during prototype intake diagnosis is to utilize the generated 05-open-questions.md file. The PRD pack workflow automatically extracts and consolidates these queries, ensuring they are tracked for stakeholder review and delivery planning.