skills.rest
laraxot
laraxotOFFICIAL
Explore all skills by this author →
GitHub

bmad-wds-ux-design

Transform conceptual ideas into detailed visual design specifications using scenario-driven workflows.

26|23|Updated Dec 16, 2025
Search Tags:#UX design#wireframe#user flow#visual specification#scenario-driven design
One-click install
npx skills add https://github.com/laraxot/laravelpizza.com --skill bmad-wds-ux-design
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: bmad-wds-ux-design
Source: https://github.com/laraxot/laravelpizza.com/tree/main/.github/skills/bmad-wds-ux-design
Command: npx skills add https://github.com/laraxot/laravelpizza.com --skill bmad-wds-ux-design

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill addresses the challenge of turning abstract ideas into actionable visual designs, streamlining the UX design process.

Core Features & Use Cases

  • Scenario-Driven Design: Develop detailed visual specifications based on user scenarios.
  • Workflows: Follow a structured workflow to ensure comprehensive design deliverables.
  • Use Case: Use this Skill to create a user flow for a new app, starting with user personas and ending with a detailed wireframe.

Quick Start

Load the UX design workflow and follow the directions to create a visual specification for a user scenario.

Frequently Asked Questions about bmad-wds-ux-design

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

FAQPage Schema
How do I transform abstract ideas into detailed visual specifications?▼

To transform abstract ideas into detailed visual specifications, you use scenario-driven design to map user personas to structured workflows, resulting in comprehensive UX deliverables like wireframes and user flows.

What is scenario-driven design for UX workflows?▼

Scenario-driven design is a methodology that develops detailed visual specifications based on specific user scenarios, ensuring that structured workflows produce comprehensive and actionable UX design documentation.

How do I create a user flow for a new app starting with personas?▼

To create a user flow for a new app, you load the UX design workflow, define user personas, map out scenario-driven interactions, and follow the structured directions to generate detailed wireframes.

Do I need to follow a structured workflow to create UX deliverables?▼

Yes, adhering to a structured workflow is required to effectively transform conceptual ideas into detailed visual design specifications and ensure comprehensive design documentation is produced.

Best way to turn conceptual ideas into actionable visual designs?▼

The best way to turn conceptual ideas into actionable visual designs is by applying scenario-driven design within a structured workflow, bridging the gap between abstract concepts and concrete UX deliverables.

Related Skills

Explore More Design & Creative Skills→
KuaaMUKuaaMU
4

user-persona-creation

Generate user personas from synthesized research data with demographics, goals, and pain points.

Community
Intermediate
daffy0208daffy0208
34

Prototype Designer

Create interactive prototypes with multi-step flows and conditional logic.

Community
Intermediate
flitzrrrflitzrrr
4

ux-design

Conduct user interviews, create personas, and run usability tests.

Community
Intermediate
GenEducationGenEducation

wds-4-ux-design

Transform product ideas into scenario-driven UX design specifications with page and flow documentation.

Official
Advanced