prd-doc-writer

Write and iteratively refine PRDs and user stories with ASCII wireframes and Mermaid diagrams.

742|105|Updated Jan 19, 2026
One-click install
npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill prd-doc-writer-yunshu0909
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: prd-doc-writer
Source: https://github.com/yunshu0909/yunshu_skillshub/tree/main/prd-doc-writer
Command: npx skills add https://github.com/yunshu0909/yunshu_skillshub --skill prd-doc-writer-yunshu0909

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

This Skill enables product teams to write and iteratively refine PRDs and user stories using a story-driven structure, ensuring alignment through journey mapping and visual verification with ASCII wireframes and Mermaid diagrams.

Core Features & Use Cases

  • Create macro to micro PRD structure with a guided journey map and modular user stories.
  • Generate ASCII wireframes for UI layouts and Mermaid diagrams for process/state/sequence flows.
  • Support staged confirmations and final generation gate, with easy export to docs/prd.

Quick Start

Use concise commands to start drafting a PRD, produce an initial journey map, attach ASCII wireframes and Mermaid diagrams, and export to the PRD document.

Frequently Asked Questions about prd-doc-writer

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

FAQPage Schema
How do I write a PRD with user stories and visual diagrams?

To write a PRD with user stories, use a story-driven structure that guides iterative refinement. This approach ensures alignment through journey mapping and visual verification with ASCII wireframes and Mermaid diagrams.

What's the best way to map user journeys in requirements documentation?

Mapping user journeys in requirements documentation works best using a guided story-driven flow. This method breaks down macro requirements into modular user stories with per-story confirmations to ensure accurate flow mapping.

Can I generate UI wireframes and process flows for a PRD without external tools?

Yes, you can generate UI layouts and process flows directly within your PRD. The system creates ASCII wireframes for UI layouts and Mermaid diagrams for process, state, and sequence flows without needing external design tools.

How do I structure a PRD from macro requirements to modular user stories?

Structuring a PRD from macro to micro involves creating a guided journey map first, then breaking it down into modular user stories. This supports staged confirmations and a final generation gate for visual alignment.

Does this PRD writing method support staged reviews before final export?

Yes, the PRD writing method supports staged reviews through per-story single-point confirmations and a final generation gate. After visual alignment is verified, you can easily export the finalized document to docs/prd.

When should I use ASCII wireframes and Mermaid diagrams in requirements documentation?

Use ASCII wireframes and Mermaid diagrams in requirements documentation when you need visual alignment for UI layouts and process flows. They serve as a final generation gate to verify journey mapping and story-driven structure before export.