Midtrans-Middleware/.trae/rules/bmad-workflow-bmm-create-ux...

3.1 KiB

create-ux-design Workflow Rule

This rule defines the create-ux-design workflow.

Workflow Description

Collaborative UX design facilitation workflow that creates exceptional user experiences through visual exploration and informed decision-making. Unlike template-driven approaches, this workflow facilitates discovery, generates visual options, and collaboratively designs the UX with the user at every step.

Workflow Definition

Create UX Design Workflow Configuration

name: create-ux-design description: "Collaborative UX design facilitation workflow that creates exceptional user experiences through visual exploration and informed decision-making. Unlike template-driven approaches, this workflow facilitates discovery, generates visual options, and collaboratively designs the UX with the user at every step." author: "BMad"

Critical variables from config

config_source: "{project-root}/.bmad/bmm/config.yaml" output_folder: "{config_source}:output_folder" user_name: "{config_source}:user_name" communication_language: "{config_source}:communication_language" document_output_language: "{config_source}:document_output_language" user_skill_level: "{config_source}:user_skill_level" date: system-generated

Smart input file references - handles both whole docs and sharded docs

Priority: Whole document first, then sharded version

Strategy: How to load sharded documents (FULL_LOAD, SELECTIVE_LOAD, INDEX_GUIDED)

input_file_patterns: prd: description: "Features and user journeys (optional)" whole: "{output_folder}/prd.md" sharded: "{output_folder}/prd/index.md" load_strategy: "FULL_LOAD"

product_brief: description: "Product vision and target users (optional)" whole: "{output_folder}/brief.md" sharded: "{output_folder}/brief/index.md" load_strategy: "FULL_LOAD"

epics: description: "Epic and story breakdown (optional)" whole: "{output_folder}/epic.md" sharded: "{output_folder}/epic/index.md" load_strategy: "FULL_LOAD"

brainstorming: description: "Brainstorming ideas and concepts (optional)" whole: "{output_folder}/brainstorm.md" sharded: "{output_folder}/brainstorm/index.md" load_strategy: "FULL_LOAD"

document_project: description: "Brownfield project documentation (optional)" sharded: "{output_folder}/index.md" load_strategy: "INDEX_GUIDED"

Module path and component files

installed_path: "{project-root}/.bmad/bmm/workflows/2-plan-workflows/create-ux-design" instructions: "{installed_path}/instructions.md" validation: "{installed_path}/checklist.md" template: "{installed_path}/ux-design-template.md"

Output configuration - Progressive saves throughout workflow

default_output_file: "{output_folder}/ux-design-specification.md" color_themes_html: "{output_folder}/ux-color-themes.html" design_directions_html: "{output_folder}/ux-design-directions.html"

standalone: true

Web bundle configuration for standalone deployment

Usage

Reference this workflow with @workflow-create-ux-design to execute the guided workflow.

Module

Part of the BMAD BMM module.