Vibe Index
🎯

bmad-ux-design

🎯Skill

from bacoco/bmad-skills

VibeIndex|
What it does

Designs comprehensive user experiences by creating detailed wireframes, user flows, and design systems aligned with product requirements.

πŸ“¦

Part of

bacoco/bmad-skills(12 items)

bmad-ux-design

Installation

npxRun with npx
npx bmad-skills --global
npxRun with npx
npx bmad-skills
npxRun with npx
npx bmad-skills --path /your/custom/path
Install ScriptRun install script
curl -fsSL https://raw.githubusercontent.com/bacoco/bmad-skills/main/scripts/install-to-home.sh | bash
git cloneClone repository
git clone https://github.com/bacoco/bmad-skills.git

+ 11 more commands

πŸ“– Extracted from docs: bacoco/bmad-skills
Need more details? View full documentation on GitHub β†’
4Installs
-
AddedFeb 4, 2026
View on GitHubBack to Skills

Skill Details

SKILL.md

Designs UX and creates wireframes.

Overview

# UX Blueprint Skill

When to Invoke

Automatically activate when user:

  • Says "What should the UI look like?", "Design the UX"
  • Asks "How should users interact?", "User flow?"
  • Mentions "wireframes", "user experience", "interface design"
  • Has PRD with UI-heavy features (Level 2-4)
  • Uses words like: UX, UI, design, wireframe, interface, usability

Specific trigger phrases:

  • "What should the UI look like?"
  • "Design the UX for [feature]"
  • "Create wireframes"
  • "User experience for [feature]"
  • "Interface design"
  • "User flow for [scenario]"

Do NOT invoke when:

  • No UI/interface in project (backend-only)
  • PRD not ready (use bmad-product-planning first)
  • Already have UX specs (skip to architecture or stories)

Mission

Design user experiences that align with BMAD requirements, documenting flows, interaction states, and validation plans that unblock architecture, delivery, and development.

Inputs Required

  • prd_sections: user journeys, functional requirements, constraints
  • architecture_notes: technical or platform limits impacting UX
  • brand_guidelines: accessibility, tone, device targets, or visual standards

Outputs

  • User flows (from assets/user-flows-template.md.template)
  • Wireframes (from assets/wireframes-template.md.template)
  • Design system (from assets/design-system-template.md.template)
  • UX requirements checklist linked to PRD and stories
  • Validation plan (usability or experimentation) for quality-assurance alignment

Template locations: .claude/skills/bmad-ux-design/assets/*.template

Process

  1. Confirm prerequisites via CHECKLIST.md.
  2. Clarify personas, scenarios, and surfaces requiring design.
  3. Produce information architecture, flows, and state diagrams.
  4. Document component specifications and content rules tied to requirements.
  5. Define validation approach (tests, instrumentation, success signals) and share with delivery-planning and quality-assurance skills.

Note on automation: This skill currently operates through collaborative design conversation using templates. No automation scripts are requiredβ€”wireframes and design artifacts are created manually using templates from assets/. See scripts/README.md for future automation roadmap.

Quality Gates

Ensure every UX decision traces back to requirements or constraints. Run CHECKLIST.md prior to handoff.

Error Handling

  • If requirements conflict or are missing, request clarification before designing.
  • Flag technical limitations that impact user experience and loop architecture-design.
  • Provide alternate recommendations when constraints prevent ideal UX outcomes.

More from this repository10

🎯
bmad-test-strategy🎯Skill

Generates comprehensive test strategies, ATDD scenarios, and quality checklists to ensure software meets defined standards and mitigates risks.

🎯
bmad-security-review🎯Skill

Conducts comprehensive security reviews, identifying vulnerabilities, threat models, and generating prioritized remediation plans for system hardening.

🎯
bmad-product-planning🎯Skill

Generates comprehensive product requirement documents (PRDs), breaks down features into epics, and creates structured roadmaps for product development.

🎯
core-skill-creation🎯Skill

Guides developers through creating specialized Claude skills by providing comprehensive workflows, best practices, and validation processes for extending Claude's capabilities.

🎯
bmad-development-execution🎯Skill

Implements software stories by writing code, creating tests, and generating implementation documentation with traceability and quality discipline.

🎯
bmad-observability-readiness🎯Skill

Establishes comprehensive observability foundations by designing instrumentation, metrics, logging, and alerting strategies for system performance and reliability.

🎯
openspec-change-proposal🎯Skill

Generates lightweight, concise proposals and task outlines for small code changes and bug fixes with minimal overhead.

🎯
main-workflow-router🎯Skill

Routes and tracks project workflows across OpenSpec (L0-1) and BMAD (L2-4) phases, intelligently guiding users through development stages based on project complexity and intent.

🎯
bmad-discovery-research🎯Skill

Brainstorms and researches project ideas by transforming vague concepts into structured discovery briefs with clear goals, constraints, and opportunities.

🎯
bmad-story-planning🎯Skill

Breaks down product epics into granular, developer-ready user stories with detailed acceptance criteria and task dependencies.