skills.rest
KatTate
KatTateCOMMUNITY
Explore all skills by this author →
GitHub

bmad-create-ux

Guide collaborative UX design workflows for screens, flows, and visual patterns.

Updated Aug 23, 2026
Search Tags:#workflow automation#design system#user experience#interface design#ux design#interaction design
One-click install
npx skills add https://github.com/KatTate/Bmad-for-Replit --skill bmad-create-ux
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bmad-create-ux
Source: https://github.com/KatTate/Bmad-for-Replit/tree/main/.agents/skills/bmad-create-ux
Command: npx skills add https://github.com/KatTate/Bmad-for-Replit --skill bmad-create-ux

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill streamlines the creation of comprehensive UX design specifications, tackling the complexity of user experience planning for digital products.

Core Features & Use Cases

  • Collaborative Visual Exploration: Engages users in defining screens, flows, and interactions.
  • Design System Integration: Facilitates the choice and application of design systems.
  • Use Case: When starting a new mobile app project, use this Skill to collaboratively design the core user flows, define the visual language, and establish a component strategy.

Quick Start

Use the bmad-create-ux skill to start designing the user experience for a new e-commerce mobile application.

Frequently Asked Questions about bmad-create-ux

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

FAQPage Schema
How do I create a UX design specification for a new mobile app?▼

To create a UX design specification, collaboratively define your screens, user flows, and interactions. This skill guides you through discovery and design system selection to produce detailed interface specifications for UI-heavy projects.

What is the best way to plan user flows and interactions for interface design?▼

Planning user flows and interactions requires collaborative visual exploration. This workflow facilitates defining screen sequences and interaction patterns while integrating a chosen design system to establish a cohesive visual language.

Can I use this UX design workflow for phase 2 planning of UI-heavy projects?▼

Yes, this UX design workflow supports phase 2 planning for UI-heavy projects. It guides you through the discovery process, design system application, and detailed specification creation required for comprehensive interface development.

Do I need YAML configuration to start designing user experiences?▼

Yes, designing user experiences with this workflow requires loading configuration from YAML files. It also mandates adherence to a step-file architecture to properly structure your design process and outputs.

How does collaborative visual exploration work for digital product design?▼

Collaborative visual exploration works by engaging you in defining core screens, flows, and interactions for digital products. It streamlines the transition from initial discovery to establishing a component strategy and visual language.

Related Skills

Explore More Design & Creative Skills→
jugrajsinghjugrajsingh
1

generating-settings

Generate Pydantic Settings configuration files with YAML and environment variable overrides.

Community
Intermediate
Clos01Clos01
3

wireframe-sketch

Create low-fidelity hand-drawn wireframe layouts with variant tabs and annotations.

Community
Intermediate
Harmeet10000Harmeet10000
7

design-system-patterns

Standardizes tokens, theming, and component APIs for scalable UI foundations across web and mobile.

Community
Advanced
suhwansuhwan

phase-3-mockup

Generate HTML/CSS/JS mockups with a Next.js conversion plan.

Community
Advanced