skills.rest
mazicimert
mazicimertCOMMUNITY
Explore all skills by this author →
GitHub

ux-spec

Generate UX_SPEC.md and DESIGN_SYSTEM.md from PRD.md and ARCHITECTURE.md.

Updated Mar 1, 2026
Search Tags:#architecture#handoff#ui-design#prd#wireframes#design-system#ux-spec
One-click install
npx skills add https://github.com/mazicimert/RunDom --skill ux-spec-mazicimert
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ux-spec
Source: https://github.com/mazicimert/RunDom/tree/main/.claude/skills/product/ux-spec
Command: npx skills add https://github.com/mazicimert/RunDom --skill ux-spec-mazicimert

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

PRD and architecture alone often fail to translate product intent into concrete UI/UX deliverables, causing ambiguity and handoff delays.

Core Features & Use Cases

  • Generate two core documents: UX_SPEC.md and DESIGN_SYSTEM.md from PRD and ARCHITECTURE.md.
  • Align UI/UX with product goals, branding, and architecture to enable consistent screens, components, and interactions.
  • Produce design system references, interaction guidelines, and asset inventories for handoff to design and engineering.

Quick Start

Instruct the AI to generate UX specs by providing the current PRD.md and ARCHITECTURE.md to produce UX_SPEC.md and DESIGN_SYSTEM.md.

Frequently Asked Questions about ux-spec

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

FAQPage Schema
How do I generate UI specs from a PRD and architecture document?▼

To generate UI specs from a PRD and architecture, provide your PRD.md and ARCHITECTURE.md files to automate translation into UX_SPEC.md and DESIGN_SYSTEM.md deliverables.

What is the best way to turn product requirements into wireframes and design system artifacts?▼

Turning product requirements into wireframes and design system artifacts requires aligning product goals with architecture, which this process automates by outputting structured UX specifications and interaction guidelines.

Do I need existing PRD and architecture files to create UX specifications for iOS apps?▼

Yes, you need existing docs/PRD.md and docs/ARCHITECTURE.md files to create UX specifications, as the automation reads these inputs to generate design system references for iOS and macOS apps.

Can I use brand planning inputs to align UI design with product goals?▼

Yes, you can use brand and product planning inputs from product-plan files to align UI design, ensuring consistent screens, components, and interactions across the generated design system.

What deliverables are produced when translating architecture into interaction guidelines?▼

Translating architecture into interaction guidelines produces UX_SPEC.md and DESIGN_SYSTEM.md, providing design system references, asset inventories, and interaction rules for engineering handoff.

Related Skills

Explore More Design & Creative Skills→
mazicimertmazicimert

product-development

Generate implementation specification documents from a product plan for iOS/macOS apps.

Community
Advanced
mazicimertmazicimert

implementation-guide

Generate docs/IMPLEMENTATION_GUIDE.md from PRD, architecture, and UX spec files.

Community
Advanced
wtthorntonwtthornton
4

designer

Design API contracts, data models, and UI/UX specifications.

Community
Advanced
zm2231zm2231

handoff-manager

Generate design handoff specifications with component specs, design tokens, and accessibility notes.

Community
Advanced