designing-ui-ux-prd

Convert draft PRDs into structured UI/UX PRDs with page layouts and interactions.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/KGmufassa/Escrolly --skill designing-ui-ux-prd
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: designing-ui-ux-prd
Source: https://github.com/KGmufassa/Escrolly/tree/main/.opencode/skills/ui-ux-design-draft
Command: npx skills add https://github.com/KGmufassa/Escrolly --skill designing-ui-ux-prd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ingests draft PRDs from selected paths and converts them into a fully structured UI/UX PRD.

Core Features & Use Cases

  • Ingest draft PRDs from specified locations and extract core features, user types, MVP scope, and constraints.
  • Generate a page-by-page layout, button mappings, glyph suggestions, and interaction definitions to define interactions.
  • Iterate with one-question-at-a-time clarifications to confirm decisions before proceeding to final PRD.

Quick Start

Ingest a draft PRD, confirm MVP scope through one clarifying question at a time, and generate the final UI/UX PRD to /frontend.

Frequently Asked Questions about designing-ui-ux-prd

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

FAQPage Schema
How do I convert a draft PRD into a UI/UX design document?

To convert a draft PRD into a UI/UX design document, ingest the draft from a specified path to extract core features, user types, and MVP scope, then generate page-by-page layouts, button mappings, and interaction definitions to lock the frontend direction.

What is the best way to define MVP frontend interactions from a product requirements document?

The best way to define MVP frontend interactions from a product requirements document is to iterate with one-question-at-a-time clarifications, validating each UI/UX decision before proceeding to generate the final structured PRD.

Does generating a UI/UX PRD require specifying page-by-page layouts and button mappings?

Generating a UI/UX PRD does require specifying page-by-page layouts, button mappings, glyph suggestions, and interaction definitions to ensure a single, concrete frontend direction is fully locked for the MVP.

Can I use this method to extract core features and MVP scope from existing draft PRDs?

You can use this method to ingest existing draft PRDs from selected locations to automatically extract core features, user types, MVP scope, and constraints before structuring the final UI/UX interactions.

How does the one-question-at-a-time clarification process work for UI/UX PRDs?

The one-question-at-a-time clarification process works by asking targeted UI/UX questions sequentially, ensuring each design decision is explicitly confirmed by the user before proceeding to the final PRD generation.

Where should I output the final structured UI/UX PRD?

You should output the final structured UI/UX PRD to the /frontend directory, which consolidates the validated page layouts, button mappings, and interaction definitions into a single frontend direction.