skills.rest
tronghieu
tronghieuCOMMUNITY
Explore all skills by this author →
GitHub

bmad-create-ux-design

Create UX design specifications through a stateful multi-step planning workflow.

36|16|Updated May 1, 2026
Search Tags:#accessibility#specification#design system#user journeys#ux design#collaborative planning#design directions
One-click install
npx skills add https://github.com/tronghieu/lumina-wiki --skill bmad-create-ux-design-tronghieu
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bmad-create-ux-design
Source: https://github.com/tronghieu/lumina-wiki/tree/main/.agents/skills/bmad-create-ux-design
Command: npx skills add https://github.com/tronghieu/lumina-wiki --skill bmad-create-ux-design-tronghieu

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

It helps you turn fuzzy UX ideas into structured, step-by-step UX design specifications that you can iterate with stakeholders instead of guessing or writing everything from scratch.

Core Features & Use Cases

  • Collaborative UX Spec Workflow: Guides you through project understanding, core experience, emotional goals, pattern/inspiration analysis, and design foundations.
  • Documented, Stateful Output: Maintains progress via frontmatter and appends each decision section to a planning artifact file.
  • Design Artifacts Generation: Produces supporting deliverables such as UX design direction mockups (HTML) and the final UX specification markdown.
  • Decision Menus with Guardrails: Uses A/P/C interaction loops so you can refine inputs before the workflow advances.

Quick Start

Use the bmad-create-ux-design skill when you want to create UX design specifications for a new product or update an existing one, by asking your agent to start the workflow and then selecting C to append each prepared section to ux-design-specification.md.

Frequently Asked Questions about bmad-create-ux-design

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

FAQPage Schema
How do I create a UX design specification from scratch?▼

To create a UX design specification, you can run a collaborative planning workflow that synthesizes project context, user needs, and emotional goals into a structured markdown artifact. This workflow guides you through defining design system foundations and user journey flows step by step.

What is the best way to plan user journeys and design directions collaboratively?▼

The best way to plan user journeys and design directions collaboratively is using a stateful workflow with decision menus and confirmation gates. This approach ensures stakeholders can refine inputs and approve sections before they are appended to the final UX specification document.

Can I generate HTML mockups alongside my UX specification document?▼

Yes, you can generate HTML mockups for your UX design direction alongside the final specification markdown. The workflow produces supporting deliverables including UX design direction mockups in HTML format and a comprehensive UX specification file.

Does this UX specification workflow include accessibility and responsive requirements?▼

Yes, the UX specification workflow includes accessibility and responsive requirements. It applies specification-level planning to ensure consistency patterns, component strategy, and accessibility standards are properly integrated into your design system foundation.

How do I maintain progress when writing a long UX specification?▼

You maintain progress when writing a long UX specification by using a stateful workflow that tracks decisions via frontmatter. It appends each approved section to a planning artifact file, allowing you to pause and resume the collaborative planning process without losing context.

Related Skills

Explore More Design & Creative Skills→
mnthemnthe

project-init

Create a Python automation project scaffold with docs, src, and tests directories.

Community
Intermediate
heysuhasheysuhas
2

claude-design

Generate self-contained HTML design artifacts for landing pages and prototypes.

Community
Advanced
nkabbarankabbara

design

Apply ui.sh design guidelines to web projects using Tailwind CSS.

Community
Intermediate
wahabmalikwahabmalik

bmad-create-ux-design

Creates UX design specification documents with structured workflows and Python scripts.

Community
Advanced