Convert product requirements into a prototype design plan document.
npx skills add https://github.com/konglong87/superPM --skill pm-proto
Please help me install this Agent Skill. Skill: pm-proto Source: https://github.com/konglong87/superPM/tree/main/skills/02-solution-design/pm-proto Command: npx skills add https://github.com/konglong87/superPM --skill pm-proto
It helps product managers bridge the gap between PRD/MVP requirements and a concrete prototype plan by turning requirements into information architecture, page flows, and interaction-level specifications.
Tell the assistant: “Use pm-proto to design the core MVP prototype, based on my existing PRD and MVP plan, and generate the prototype design document.”
High-intent search queries and answers about installing and using this skill.
To convert a PRD into an interactive prototype design plan, extract functional lists and user journey touchpoints to build information architecture and key page flows. This bridges requirement documents to page-level interaction design.
Defining information architecture from product requirements involves selecting a prototype scope like MVP-core or single-module, then pulling functional lists and user scenarios to structure page flows and interaction-level specifications.
You can still generate a prototype design document if your MVP plan is missing because the workflow includes PRD-missing fallback handling prompts to guide extraction and reduce incomplete outputs.
Mapping user journey touchpoints to page flows requires pulling journey inputs to design key page transitions and interactive behaviors for critical pages, outputting a structured prototype design document.
Generating a prototype plan from requirements works for single-module optimization by guiding you to choose overall, MVP-core, single-module, or optimization prototype scope so the output matches your current product lifecycle stage.
A limitation when extracting interaction flows is the reliance on front-doc driven inputs; if PRD or journey context is missing, the output quality depends on fallback prompts and a verification checklist to catch incomplete specifications.
konglong87Generate a user journey map with emotions, touchpoints, and pain points from research inputs.
jeffwweeeGenerate HTML wireframes, React/MUI mockups, and design specifications.
rknallEvaluate UI/UX designs for WCAG 2.1/2.2 accessibility and usability issues.
hfadhlullahGenerate low-fidelity wireframes from functional requirements and data models.
