skills.rest
amitmishra-byldd
amitmishra-bylddCOMMUNITY
Explore all skills by this author →
GitHub

bmad-create-ux-design

Create structured UX design specifications from stakeholder input and project documents.

Updated Apr 2, 2026
Search Tags:#workflow#specification#ux-design#facilitation#ux#design-system#user-journey
One-click install
npx skills add https://github.com/amitmishra-byldd/Bmad-Note-Maker --skill bmad-create-ux-design-amitmishra-byldd
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bmad-create-ux-design
Source: https://github.com/amitmishra-byldd/Bmad-Note-Maker/tree/main/_bmad/bmm/2-plan-workflows/bmad-create-ux-design
Command: npx skills add https://github.com/amitmishra-byldd/Bmad-Note-Maker --skill bmad-create-ux-design-amitmishra-byldd

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill structures and facilitates collaborative UX planning so teams can produce a single, developer-ready UX design specification without ad-hoc processes or lost context. It removes uncertainty by enforcing a disciplined, stepwise workflow that captures decisions, input documents, and artifact outputs.

Core Features & Use Cases

  • Guided multi-step workflow: A 14-step facilitator-led process covering initialization, discovery, core experience definition, emotional goals, inspiration analysis, design system choice, visual directions, user journeys, component strategy, patterns, responsive and accessibility planning, and finalization.
  • Document state & templating: Initializes and appends to a tracked ux-design-specification.md using frontmatter (stepsCompleted, inputDocuments, lastStep) and a template for consistent, append-only document building.
  • Practical outputs for teams: Produces templates, HTML visualizers for color themes and design directions, mermaid journey diagrams, component specifications, and a prioritized implementation roadmap—ideal for product managers, UX facilitators, and design teams. Use case example: Run this workflow during a kickoff to consolidate PRDs and research into a structured UX specification, choose a design system, and generate design directions for handoff to designers and engineers.

Quick Start

Start the workflow by telling the agent: let's create UX design for MyProject and provide any existing product documents to load.

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 structured UX design specification from existing project documents?▼

To create a structured UX design specification, consolidate stakeholder input and project documents into a templated markdown file. The workflow enforces an append-only process to capture discovery, design system choices, and user journeys systematically.

What is the best way to facilitate collaborative UX planning for a product kickoff?▼

Facilitating collaborative UX planning requires a stepwise workflow that guides teams through core experience definition, emotional goals, and visual directions. This ensures decisions are captured without losing context during fast-paced discovery sessions.

How do I generate user journey diagrams and component strategies for developer handoff?▼

Generate user journey diagrams and component strategies by running a structured UX specification workflow. It produces mermaid journey diagrams, component specifications, and prioritized implementation roadmaps ready for developer handoff.

Can I use this UX workflow to analyze design patterns and plan accessibility?▼

Yes, this UX workflow explicitly supports pattern analysis, responsive planning, and accessibility planning. It integrates these steps into a 14-step facilitator-led process to ensure comprehensive design coverage.

Does this UX specification process require existing product requirement documents to start?▼

No, existing product requirement documents are not strictly required but are highly recommended. You can start the workflow by telling the agent to create a UX design and providing any available project documents to load context.

What outputs can I expect from a guided UX design specification workflow?▼

The UX design specification workflow outputs templates, HTML visualizers for color themes, mermaid journey diagrams, and a tracked markdown specification file with frontmatter metadata documenting completed steps and input documents.

Related Skills

Explore More Design & Creative Skills→
ncptuanncptuan

bmad-create-ux-design

Creates comprehensive UX design specifications from PRDs, briefs, and project context documents.

Community
Advanced
webrix-aiwebrix-ai
1

design-handoff

Extract design specifications and implementation details from Figma handoff materials.

Official
Intermediate
LumenWipeLumenWipe
3

create-ux-design

Transform product context and stakeholder input into a comprehensive UX design specification.

Official
Advanced
ldk-hubldk-hub

bmad-create-ux-design

Coordinate end-to-end UX design workflows and generate a UX specification.

Community
Advanced