bmad-create-ux-design

Guides collaborative creation of UX design specifications through a multi-step workflow.

Updated Aug 25, 2024
One-click install
npx skills add https://github.com/LeGeRyChEeSe/LanPlay-DiscordBot --skill bmad-create-ux-design-legerycheese
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bmad-create-ux-design
Source: https://github.com/LeGeRyChEeSe/LanPlay-DiscordBot/tree/main/bmad/src/bmm-skills/2-plan-workflows/bmad-create-ux-design
Command: npx skills add https://github.com/LeGeRyChEeSe/LanPlay-DiscordBot --skill bmad-create-ux-design-legerycheese

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Creating a comprehensive UX design specification requires structured exploration of user needs, emotional goals, design systems, and user journeys, which teams often skip or handle inconsistently. This Skill provides a disciplined, step-by-step facilitation workflow that produces a complete UX design specification document through collaborative decision-making. ## Core Features & Use Cases - Guided Multi-Step Workflow: Walks through 14 sequential steps covering project discovery, core experience definition, emotional response, UX pattern inspiration, design system selection, visual foundations, design directions, and user journey flows. - Collaborative Decision Menus: Each step presents Advanced Elicitation, Party Mode, or Continue options so stakeholders refine content before it is saved to the specification document. - Stateful Document Building: Tracks progress in frontmatter, supports resuming interrupted workflows, and appends approved sections to a ux-design-specification.md output file. - Use Case: A product manager starting a new app uses this Skill to facilitate UX planning sessions, producing a complete specification with color systems, typography, Mermaid user journey diagrams, and design direction mockups ready for implementation. ## Quick Start Ask the AI to create a UX design specification for your product and follow the guided step-by-step workflow.

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 with this workflow?▼

Invoke the skill by asking to create a UX design, then follow the sequential steps starting with initialization and project discovery. Each step generates content collaboratively and only saves it to the specification document after you select Continue from the menu.

What does the UX design workflow cover?▼

The workflow covers project understanding, core experience definition, emotional response goals, UX pattern inspiration analysis, design system selection, visual foundations like color and typography, design direction mockups, and user journey flows with Mermaid diagrams.

Can I resume an interrupted UX design workflow?▼

Yes, the workflow tracks completed steps in the output document's frontmatter. When reactivated, it detects the existing specification file, reloads previously tracked input documents, and resumes from the last completed step.

What input documents does the UX design workflow need?▼

The workflow discovers product briefs, PRDs, project documentation, and project-context files from your planning artifacts and docs folders. It confirms discovered documents with you before loading them as context for design decisions.

What output does the UX design workflow produce?▼

It produces a ux-design-specification.md document in your planning artifacts folder, built incrementally with approved sections. It can also generate an HTML design direction showcase for comparing visual mockup variations.