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.