diff --git a/.prettierignore b/.prettierignore index 013380044..604b5865f 100644 --- a/.prettierignore +++ b/.prettierignore @@ -10,3 +10,8 @@ _bmad*/ # IDE integration folders (user-specific, not in repo) .junie/ + +# Quality scan artifacts produced by bmad-workflow-builder +# (per-skill .analysis/ folders contain JSON/HTML reports that should +# not block commits with formatting checks) +**/.analysis/ diff --git a/docs/cs/reference/workflow-map.md b/docs/cs/reference/workflow-map.md index 4dd67dd83..7abbae330 100644 --- a/docs/cs/reference/workflow-map.md +++ b/docs/cs/reference/workflow-map.md @@ -37,7 +37,7 @@ Definujte, co budovat a pro koho. | Workflow | Účel | Produkuje | | --------------------------- | ---------------------------------------- | ------------ | | `bmad-create-prd` | Definice požadavků (FR/NFR) | `PRD.md` | -| `bmad-create-ux-design` | Návrh uživatelského zážitku (když záleží na UX) | `ux-spec.md` | +| `bmad-ux` | Návrh uživatelského zážitku (když záleží na UX) | `DESIGN.md`, `EXPERIENCE.md` | ## Fáze 3: Solutioning diff --git a/docs/cs/tutorials/getting-started.md b/docs/cs/tutorials/getting-started.md index 4aab934b9..f52f17c7e 100644 --- a/docs/cs/tutorials/getting-started.md +++ b/docs/cs/tutorials/getting-started.md @@ -150,7 +150,7 @@ Všechny workflow v této fázi jsou volitelné: - Spusťte `bmad-quick-dev` — zvládne plánování i implementaci v jednom workflow, přeskočte k implementaci :::note[UX Design (volitelné)] -Pokud má váš projekt uživatelské rozhraní, vyvolejte **UX-Designer agenta** (`bmad-agent-ux-designer`) a spusťte UX design workflow (`bmad-create-ux-design`) po vytvoření PRD. +Pokud má váš projekt uživatelské rozhraní, vyvolejte **UX-Designer agenta** (`bmad-agent-ux-designer`) a spusťte UX design workflow (`bmad-ux`) po vytvoření PRD. ::: ### Fáze 3: Solutioning (BMad Method/Enterprise) diff --git a/docs/reference/workflow-map.md b/docs/reference/workflow-map.md index e3368c7d4..6d71a3a1f 100644 --- a/docs/reference/workflow-map.md +++ b/docs/reference/workflow-map.md @@ -47,7 +47,7 @@ Define what to build and for whom. | Workflow | Purpose | Produces | |-------------------------|-------------------------------------------------------------------------------------|---------------------------------------------------| | `bmad-prd` | Create, update, or validate a PRD — facilitated discovery, three intents in one skill | Create/Update: `prd.md`, `addendum.md`, `decision-log.md`; Validate: `validation-report.html` + `.md` | -| `bmad-create-ux-design` | Design user experience (when UX matters) | `ux-spec.md` | +| `bmad-ux` | Design user experience (when UX matters) — DESIGN.md (visual) + EXPERIENCE.md (behavioral) spine pair | `DESIGN.md`, `EXPERIENCE.md`, `.decision-log.md` | :::tip[Three intents in one skill] `bmad-prd` handles the full PRD lifecycle. State your intent when invoking or the skill will ask: diff --git a/docs/tutorials/getting-started.md b/docs/tutorials/getting-started.md index 3806d28a6..869de2529 100644 --- a/docs/tutorials/getting-started.md +++ b/docs/tutorials/getting-started.md @@ -162,7 +162,7 @@ All workflows in this phase are optional. [**Not sure which to use?**](../explan - Run `bmad-quick-dev` — it handles planning and implementation in a single workflow, skip to implementation :::note[UX Design (Optional)] -If your project has a user interface, invoke the **UX-Designer agent** (`bmad-agent-ux-designer`) and run the UX design workflow (`bmad-create-ux-design`) after creating your PRD. +If your project has a user interface, invoke the **UX-Designer agent** (`bmad-agent-ux-designer`) and run the UX design workflow (`bmad-ux`) after creating your PRD. ::: ### Phase 3: Solutioning (BMad Method/Enterprise) diff --git a/docs/vi-vn/reference/workflow-map.md b/docs/vi-vn/reference/workflow-map.md index c4023e481..109b88cad 100644 --- a/docs/vi-vn/reference/workflow-map.md +++ b/docs/vi-vn/reference/workflow-map.md @@ -37,7 +37,7 @@ Xác định cần xây gì và xây cho ai. | Quy trình | Mục đích | Tạo ra | | --------------------------- | ---------------------------------------- | ------------ | | `bmad-create-prd` | Xác định yêu cầu (FR/NFR) | `PRD.md` | -| `bmad-create-ux-design` | Thiết kế trải nghiệm người dùng khi UX là yếu tố quan trọng | `ux-spec.md` | +| `bmad-ux` | Thiết kế trải nghiệm người dùng khi UX là yếu tố quan trọng | `DESIGN.md`, `EXPERIENCE.md` | ## Giai đoạn 3: Định hình giải pháp diff --git a/docs/vi-vn/tutorials/getting-started.md b/docs/vi-vn/tutorials/getting-started.md index 6a33a6e0a..af1dacf12 100644 --- a/docs/vi-vn/tutorials/getting-started.md +++ b/docs/vi-vn/tutorials/getting-started.md @@ -150,7 +150,7 @@ Tất cả workflow trong phase này đều là tùy chọn. [**Chưa chắc nê - Chạy `bmad-quick-dev` — workflow này gộp cả planning và implementation trong một lần, nên bạn có thể chuyển thẳng sang triển khai :::note[Thiết kế UX (Tùy chọn)] -Nếu dự án của bạn có giao diện người dùng, hãy gọi **UX-Designer agent** (`bmad-agent-ux-designer`) và chạy workflow thiết kế UX (`bmad-create-ux-design`) sau khi tạo PRD. +Nếu dự án của bạn có giao diện người dùng, hãy gọi **UX-Designer agent** (`bmad-agent-ux-designer`) và chạy workflow thiết kế UX (`bmad-ux`) sau khi tạo PRD. ::: ### Phase 3: Solutioning (BMad Method/Enterprise) diff --git a/docs/zh-cn/reference/workflow-map.md b/docs/zh-cn/reference/workflow-map.md index 75c23a2b4..be997ddf2 100644 --- a/docs/zh-cn/reference/workflow-map.md +++ b/docs/zh-cn/reference/workflow-map.md @@ -32,7 +32,7 @@ BMad Method（BMM）通过分阶段 workflow 逐步构建上下文，让智能 | Workflow | 目的 | 产出 | | --- | --- | --- | | `bmad-create-prd` | 明确 FR/NFR 与范围边界 | `PRD.md` | -| `bmad-create-ux-design` | 在 UX 复杂场景下补齐交互与体验方案 | `ux-spec.md` | +| `bmad-ux` | 在 UX 复杂场景下补齐交互与体验方案 | `DESIGN.md`, `EXPERIENCE.md` | ## 阶段 3：解决方案设计（Solutioning） diff --git a/docs/zh-cn/tutorials/getting-started.md b/docs/zh-cn/tutorials/getting-started.md index 2b37408cf..87db3c9d5 100644 --- a/docs/zh-cn/tutorials/getting-started.md +++ b/docs/zh-cn/tutorials/getting-started.md @@ -149,7 +149,7 @@ BMad-Help 将检测你已完成的内容，并准确推荐下一步该做什么 - 运行 `bmad-quick-dev` —— 它会在一个工作流里同时处理规划与实现，可直接进入实现阶段 :::note[UX 设计（可选）] -如果你的项目有用户界面，在创建 PRD 后调用 **UX-Designer 智能体**（`bmad-agent-ux-designer`），然后运行 UX 设计工作流（`bmad-create-ux-design`）。 +如果你的项目有用户界面，在创建 PRD 后调用 **UX-Designer 智能体**（`bmad-agent-ux-designer`），然后运行 UX 设计工作流（`bmad-ux`）。 ::: ### 阶段 3：解决方案设计（BMad Method/Enterprise） diff --git a/src/bmm-skills/1-analysis/bmad-product-brief/SKILL.md b/src/bmm-skills/1-analysis/bmad-product-brief/SKILL.md index 671079999..ecbc09419 100644 --- a/src/bmm-skills/1-analysis/bmad-product-brief/SKILL.md +++ b/src/bmm-skills/1-analysis/bmad-product-brief/SKILL.md @@ -61,7 +61,7 @@ Omit keys for artifacts that were not produced. ## Discovery -Conversationally surface what the user brings, why this brief exists, and the domain — echo back how each shapes your approach. Open with space for the full picture: invite a brain dump and ask up front for any source material they already have (memo, deck, transcript, prior brief, slack thread). Read what exists first; ask only what is missing. After the dump, a simple "anything else?" often surfaces what they almost forgot. Drill into specifics only after the broad shape is on the table; premature granular questions interrupt the dump and miss the room. Get a read on stakes early (passion project, internal pitch, investor input, public launch), and let that calibrate how hard you push. During the dump, spawn web-research subagents to ground the picture — landscape, comparables, current state — AI especially, where training data ages by the week. Subagent searches; parent gets a digest. Deep work (full market sizing, exhaustive teardowns) → suggest `bmad-market-research` or `bmad-domain-research`. +Conversationally surface what the user brings, why this brief exists, the domain, and the form-factor (mobile / web / desktop / multi-surface / hardware / API — what *is* this thing) — echo back how each shapes your approach. Open with space for the full picture: invite a brain dump and ask up front for any source material they already have (memo, deck, transcript, prior brief, slack thread). Read what exists first; ask only what is missing. After the dump, a simple "anything else?" often surfaces what they almost forgot. Drill into specifics only after the broad shape is on the table; premature granular questions interrupt the dump and miss the room. Get a read on stakes early (passion project, internal pitch, investor input, public launch), and let that calibrate how hard you push. During the dump, spawn web-research subagents to ground the picture — landscape, comparables, current state — AI especially, where training data ages by the week. Subagent searches; parent gets a digest. Deep work (full market sizing, exhaustive teardowns) → suggest `bmad-market-research` or `bmad-domain-research`. Once stakes are read and the dump is captured, offer the working mode in the user's language: diff --git a/src/bmm-skills/2-plan-workflows/bmad-agent-ux-designer/customize.toml b/src/bmm-skills/2-plan-workflows/bmad-agent-ux-designer/customize.toml index 80d2ed319..8554e06c3 100644 --- a/src/bmm-skills/2-plan-workflows/bmad-agent-ux-designer/customize.toml +++ b/src/bmm-skills/2-plan-workflows/bmad-agent-ux-designer/customize.toml @@ -57,4 +57,4 @@ principles = [ [[agent.menu]] code = "CU" description = "Guidance through realizing the plan for your UX to inform architecture and implementation" -skill = "bmad-create-ux-design" +skill = "bmad-ux" diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/SKILL.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/SKILL.md deleted file mode 100644 index 496473b1e..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/SKILL.md +++ /dev/null @@ -1,75 +0,0 @@ ---- -name: bmad-create-ux-design -description: 'Plan UX patterns and design specifications. Use when the user says "lets create UX design" or "create UX specifications" or "help me plan the UX"' ---- - -# Create UX Design Workflow - -**Goal:** Create comprehensive UX design specifications through collaborative visual exploration and informed decision-making where you act as a UX facilitator working with a product stakeholder. - -## Conventions - -- Bare paths (e.g. `steps/step-01-init.md`) resolve from the skill root. -- `{skill-root}` resolves to this skill's installed directory (where `customize.toml` lives). -- `{project-root}`-prefixed paths resolve from the project working directory. -- `{skill-name}` resolves to the skill directory's basename. - -## WORKFLOW ARCHITECTURE - -This uses **micro-file architecture** for disciplined execution: - -- Each step is a self-contained file with embedded rules -- Sequential progression with user control at each step -- Document state tracked in frontmatter -- Append-only document building through conversation - -## On Activation - -### Step 1: Resolve the Workflow Block - -Run: `python3 {project-root}/_bmad/scripts/resolve_customization.py --skill {skill-root} --key workflow` - -**If the script fails**, resolve the `workflow` block yourself by reading these three files in base → team → user order and applying the same structural merge rules as the resolver: - -1. `{skill-root}/customize.toml` — defaults -2. `{project-root}/_bmad/custom/{skill-name}.toml` — team overrides -3. `{project-root}/_bmad/custom/{skill-name}.user.toml` — personal overrides - -Any missing file is skipped. Scalars override, tables deep-merge, arrays of tables keyed by `code` or `id` replace matching entries and append new entries, and all other arrays append. - -### Step 2: Execute Prepend Steps - -Execute each entry in `{workflow.activation_steps_prepend}` in order before proceeding. - -### Step 3: Load Persistent Facts - -Treat every entry in `{workflow.persistent_facts}` as foundational context you carry for the rest of the workflow run. Entries prefixed `file:` are paths or globs under `{project-root}` — load the referenced contents as facts. All other entries are facts verbatim. - -### Step 4: Load Config - -Load config from `{project-root}/_bmad/bmm/config.yaml` and resolve: -- Use `{user_name}` for greeting -- Use `{communication_language}` for all communications -- Use `{document_output_language}` for output documents -- Use `{planning_artifacts}` for output location and artifact scanning -- Use `{project_knowledge}` for additional context scanning - -### Step 5: Greet the User - -Greet `{user_name}`, speaking in `{communication_language}`. - -### Step 6: Execute Append Steps - -Execute each entry in `{workflow.activation_steps_append}` in order. - -Activation is complete. Begin the workflow below. - -## Paths - -- `default_output_file` = `{planning_artifacts}/ux-design-specification.md` - -## EXECUTION - -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` -- ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}` -- Read fully and follow: `./steps/step-01-init.md` to begin the UX design workflow. diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/customize.toml b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/customize.toml deleted file mode 100644 index f77520c83..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/customize.toml +++ /dev/null @@ -1,41 +0,0 @@ -# DO NOT EDIT -- overwritten on every update. -# -# Workflow customization surface for bmad-create-ux-design. Mirrors the -# agent customization shape under the [workflow] namespace. - -[workflow] - -# --- Configurable below. Overrides merge per BMad structural rules: --- -# scalars: override wins • arrays (persistent_facts, activation_steps_*): append -# arrays-of-tables with `code`/`id`: replace matching items, append new ones. - -# Steps to run before the standard activation (config load, greet). -# Overrides append. Use for pre-flight loads, compliance checks, etc. - -activation_steps_prepend = [] - -# Steps to run after greet but before the workflow begins. -# Overrides append. Use for context-heavy setup that should happen -# once the user has been acknowledged. - -activation_steps_append = [] - -# Persistent facts the workflow keeps in mind for the whole run -# (standards, compliance constraints, stylistic guardrails). -# Distinct from the runtime memory sidecar — these are static context -# loaded on activation. Overrides append. -# -# Each entry is either: -# - a literal sentence, e.g. "All designs must meet WCAG 2.1 AA accessibility standards." -# - a file reference prefixed with `file:`, e.g. "file:{project-root}/docs/standards.md" -# (glob patterns are supported; the file's contents are loaded and treated as facts). - -persistent_facts = [ - "file:{project-root}/**/project-context.md", -] - -# Scalar: executed when the workflow reaches Step 14 (Workflow Completion), -# after the UX design specification is finalized and status is updated. Override wins. -# Leave empty for no custom post-completion behavior. - -on_complete = "" diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-01-init.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-01-init.md deleted file mode 100644 index 2ec7ecb36..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-01-init.md +++ /dev/null @@ -1,135 +0,0 @@ -# Step 1: UX Design Workflow Initialization - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on initialization and setup only - don't look ahead to future steps -- 🚪 DETECT existing workflow state and handle continuation properly -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- 💾 Initialize document and update frontmatter -- 📖 Set up frontmatter `stepsCompleted: [1]` before loading next step -- 🚫 FORBIDDEN to load next step until setup is complete - -## CONTEXT BOUNDARIES: - -- Variables from workflow.md are available in memory -- Previous context = what's in output document + frontmatter -- Don't assume knowledge from other steps -- Input document discovery happens in this step - -## YOUR TASK: - -Initialize the UX design workflow by detecting continuation state and setting up the design specification document. - -## INITIALIZATION SEQUENCE: - -### 1. Check for Existing Workflow - -First, check if the output document already exists: - -- Look for file at `{planning_artifacts}/*ux-design-specification*.md` -- If exists, read the complete file including frontmatter -- If not exists, this is a fresh workflow - -### 2. Handle Continuation (If Document Exists) - -If the document exists and has frontmatter with `stepsCompleted`: - -- **STOP here** and load `./step-01b-continue.md` immediately -- Do not proceed with any initialization tasks -- Let step-01b handle the continuation logic - -### 3. Fresh Workflow Setup (If No Document) - -If no document exists or no `stepsCompleted` in frontmatter: - -#### A. Input Document Discovery - -Discover and load context documents using smart discovery. Documents can be in the following locations: -- {planning_artifacts}/** -- {output_folder}/** -- {product_knowledge}/** -- {project-root}/docs/** - -Also - when searching - documents can be a single markdown file, or a folder with an index and multiple files. For Example, if searching for `*foo*.md` and not found, also search for a folder called *foo*/index.md (which indicates sharded content) - -Try to discover the following: -- Product Brief (`*brief*.md`) -- Research Documents (`*prd*.md`) -- Project Documentation (generally multiple documents might be found for this in the `{product_knowledge}` or `docs` folder.) -- Project Context (`**/project-context.md`) - -Confirm what you have found with the user, along with asking if the user wants to provide anything else. Only after this confirmation will you proceed to follow the loading rules - -**Loading Rules:** - -- Load ALL discovered files completely that the user confirmed or provided (no offset/limit) -- If there is a project context, whatever is relevant should try to be biased in the remainder of this whole workflow process -- For sharded folders, load ALL files to get complete picture, using the index first to potentially know the potential of each document -- index.md is a guide to what's relevant whenever available -- Track all successfully loaded files in frontmatter `inputDocuments` array - -#### B. Create Initial Document - -Copy the template from `../ux-design-template.md` to `{planning_artifacts}/ux-design-specification.md` -Initialize frontmatter in the template. - -#### C. Complete Initialization and Report - -Complete setup and report to user: - -**Document Setup:** - -- Created: `{planning_artifacts}/ux-design-specification.md` from template -- Initialized frontmatter with workflow state - -**Input Documents Discovered:** -Report what was found: -"Welcome {{user_name}}! I've set up your UX design workspace for {{project_name}}. - -**Documents Found:** - -- PRD: {number of PRD files loaded or "None found"} -- Product brief: {number of brief files loaded or "None found"} -- Other context: {number of other files loaded or "None found"} - -**Files loaded:** {list of specific file names or "No additional documents found"} - -Do you have any other documents you'd like me to include, or shall we continue to the next step? - -[C] Continue to UX discovery" - -## NEXT STEP: - -After user selects [C] to continue, ensure the file `{planning_artifacts}/ux-design-specification.md` has been created and saved, and then load `./step-02-discovery.md` to begin the UX discovery phase. - -Remember: Do NOT proceed to step-02 until output file has been updated and user explicitly selects [C] to continue! - -## SUCCESS METRICS: - -✅ Existing workflow detected and handed off to step-01b correctly -✅ Fresh workflow initialized with template and frontmatter -✅ Input documents discovered and loaded using sharded-first logic -✅ All discovered files tracked in frontmatter `inputDocuments` -✅ User confirmed document setup and can proceed - -## FAILURE MODES: - -❌ Proceeding with fresh initialization when existing workflow exists -❌ Not updating frontmatter with discovered input documents -❌ Creating document without proper template -❌ Not checking sharded folders first before whole files -❌ Not reporting what documents were found to user - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-01b-continue.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-01b-continue.md deleted file mode 100644 index cd1df25f0..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-01b-continue.md +++ /dev/null @@ -1,127 +0,0 @@ -# Step 1B: UX Design Workflow Continuation - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on understanding where we left off and continuing appropriately -- 🚪 RESUME workflow from exact point where it was interrupted -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis of current state before taking action -- 💾 Keep existing frontmatter `stepsCompleted` values -- 📖 Only load documents that were already tracked in `inputDocuments` -- 🚫 FORBIDDEN to modify content completed in previous steps - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter are already loaded -- Previous context = complete document + existing frontmatter -- Input documents listed in frontmatter were already processed -- Last completed step = `lastStep` value from frontmatter - -## YOUR TASK: - -Resume the UX design workflow from where it was left off, ensuring smooth continuation. - -## CONTINUATION SEQUENCE: - -### 1. Analyze Current State - -Review the frontmatter to understand: - -- `stepsCompleted`: Which steps are already done -- `lastStep`: The most recently completed step number -- `inputDocuments`: What context was already loaded -- All other frontmatter variables - -### 2. Load All Input Documents - -Reload the context documents listed in `inputDocuments`: - -- For each document in `inputDocuments`, load the complete file -- This ensures you have full context for continuation -- Don't discover new documents - only reload what was previously processed - -### 3. Summarize Current Progress - -Welcome the user back and provide context: -"Welcome back {{user_name}}! I'm resuming our UX design collaboration for {{project_name}}. - -**Current Progress:** - -- Steps completed: {stepsCompleted} -- Last worked on: Step {lastStep} -- Context documents available: {len(inputDocuments)} files -- Current UX design specification is ready with all completed sections - -**Document Status:** - -- Current UX design document is ready with all completed sections -- Ready to continue from where we left off - -Does this look right, or do you want to make any adjustments before we proceed?" - -### 4. Determine Next Step - -Based on `lastStep` value, determine which step to load next: - -- If `lastStep = 1` → Load `./step-02-discovery.md` -- If `lastStep = 2` → Load `./step-03-core-experience.md` -- If `lastStep = 3` → Load `./step-04-emotional-response.md` -- Continue this pattern for all steps -- If `lastStep` indicates final step → Workflow already complete - -### 5. Present Continuation Options - -After presenting current progress, ask: -"Ready to continue with Step {nextStepNumber}: {nextStepTitle}? - -[C] Continue to Step {nextStepNumber}" - -## SUCCESS METRICS: - -✅ All previous input documents successfully reloaded -✅ Current workflow state accurately analyzed and presented -✅ User confirms understanding of progress -✅ Correct next step identified and prepared for loading - -## FAILURE MODES: - -❌ Discovering new input documents instead of reloading existing ones -❌ Modifying content from already completed steps -❌ Loading wrong next step based on `lastStep` value -❌ Proceeding without user confirmation of current state - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## WORKFLOW ALREADY COMPLETE? - -If `lastStep` indicates the final step is completed: -"Great news! It looks like we've already completed the UX design workflow for {{project_name}}. - -The final UX design specification is ready at {planning_artifacts}/ux-design-specification.md with all sections completed through step {finalStepNumber}. - -The complete UX design includes visual foundations, user flows, and design specifications ready for implementation. - -Would you like me to: - -- Review the completed UX design specification with you -- Suggest next workflow steps (like wireframe generation or architecture) -- Start a new UX design revision - -What would be most helpful?" - -## NEXT STEP: - -After user confirms they're ready to continue, load the appropriate next step file based on the `lastStep` value from frontmatter. - -Remember: Do NOT load the next step until user explicitly selects [C] to continue! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-02-discovery.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-02-discovery.md deleted file mode 100644 index e0a8f0bde..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-02-discovery.md +++ /dev/null @@ -1,190 +0,0 @@ -# Step 2: Project Understanding - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on understanding project context and user needs -- 🎯 COLLABORATIVE discovery, not assumption-based design -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- ⚠️ Present A/P/C menu after generating project understanding content -- 💾 ONLY save when user chooses C (Continue) -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted. -- 🚫 FORBIDDEN to load next step until C is selected - -## COLLABORATION MENUS (A/P/C): - -This step will generate content and present choices: - -- **A (Advanced Elicitation)**: Use discovery protocols to develop deeper project insights -- **P (Party Mode)**: Bring multiple perspectives to understand project context -- **C (Continue)**: Save the content to the document and proceed to next step - -## PROTOCOL INTEGRATION: - -- When 'A' selected: Invoke the `bmad-advanced-elicitation` skill -- When 'P' selected: Invoke the `bmad-party-mode` skill -- PROTOCOLS always return to this step's A/P/C menu -- User accepts/rejects protocol changes before proceeding - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter from step 1 are available -- Input documents (PRD, briefs, epics) already loaded are in memory -- No additional data files needed for this step -- Focus on project and user understanding - -## YOUR TASK: - -Understand the project context, target users, and what makes this product special from a UX perspective. - -## PROJECT DISCOVERY SEQUENCE: - -### 1. Review Loaded Context - -Start by analyzing what we know from the loaded documents: -"Based on the project documentation we have loaded, let me confirm what I'm understanding about {{project_name}}. - -**From the documents:** -{summary of key insights from loaded PRD, briefs, and other context documents} - -**Target Users:** -{summary of user information from loaded documents} - -**Key Features/Goals:** -{summary of main features and goals from loaded documents} - -Does this match your understanding? Are there any corrections or additions you'd like to make?" - -### 2. Fill Context Gaps (If no documents or gaps exist) - -If no documents were loaded or key information is missing: -"Since we don't have complete documentation, let's start with the essentials: - -**What are you building?** (Describe your product in 1-2 sentences) - -**Who is this for?** (Describe your ideal user or target audience) - -**What makes this special or different?** (What's the unique value proposition?) - -**What's the main thing users will do with this?** (Core user action or goal)" - -### 3. Explore User Context Deeper - -Dive into user understanding: -"Let me understand your users better to inform the UX design: - -**User Context Questions:** - -- What problem are users trying to solve? -- What frustrates them with current solutions? -- What would make them say 'this is exactly what I needed'? -- How tech-savvy are your target users? -- What devices will they use most? -- When/where will they use this product?" - -### 4. Identify UX Design Challenges - -Surface the key UX challenges to address: -"From what we've discussed, I'm seeing some key UX design considerations: - -**Design Challenges:** - -- [Identify 2-3 key UX challenges based on project type and user needs] -- [Note any platform-specific considerations] -- [Highlight any complex user flows or interactions] - -**Design Opportunities:** - -- [Identify 2-3 areas where great UX could create competitive advantage] -- [Note any opportunities for innovative UX patterns] - -Does this capture the key UX considerations we need to address?" - -### 5. Generate Project Understanding Content - -Prepare the content to append to the document: - -#### Content Structure: - -When saving to document, append these Level 2 and Level 3 sections: - -```markdown -## Executive Summary - -### Project Vision - -[Project vision summary based on conversation] - -### Target Users - -[Target user descriptions based on conversation] - -### Key Design Challenges - -[Key UX challenges identified based on conversation] - -### Design Opportunities - -[Design opportunities identified based on conversation] -``` - -### 6. Present Content and Menu - -Show the generated project understanding content and present choices: -"I've documented our understanding of {{project_name}} from a UX perspective. This will guide all our design decisions moving forward. - -**Here's what I'll add to the document:** - -[Show the complete markdown content from step 5] - -**What would you like to do?** -[C] Continue - Save this to the document and move to core experience definition" - -### 7. Handle Menu Selection - -#### If 'C' (Continue): - -- Append the final content to `{planning_artifacts}/ux-design-specification.md` -- Update frontmatter: `stepsCompleted: [1, 2]` -- Load `./step-03-core-experience.md` - -## APPEND TO DOCUMENT: - -When user selects 'C', append the content directly to the document. Only after the content is saved to document, read fully and follow: `./step-03-core-experience.md`. - -## SUCCESS METRICS: - -✅ All available context documents reviewed and synthesized -✅ Project vision clearly articulated -✅ Target users well understood -✅ Key UX challenges identified -✅ Design opportunities surfaced -✅ A/P/C menu presented and handled correctly -✅ Content properly appended to document when C selected - -## FAILURE MODES: - -❌ Not reviewing loaded context documents thoroughly -❌ Making assumptions about users without asking -❌ Missing key UX challenges that will impact design -❌ Not identifying design opportunities -❌ Generating generic content without real project insight -❌ Not presenting A/P/C menu after content generation -❌ Appending content without user selecting 'C' - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## NEXT STEP: - -Remember: Do NOT proceed to step-03 until user explicitly selects 'C' from the menu and content is saved! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-03-core-experience.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-03-core-experience.md deleted file mode 100644 index e14d3fd60..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-03-core-experience.md +++ /dev/null @@ -1,217 +0,0 @@ -# Step 3: Core Experience Definition - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on defining the core user experience and platform -- 🎯 COLLABORATIVE discovery, not assumption-based design -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` -- ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- ⚠️ Present A/P/C menu after generating core experience content -- 💾 ONLY save when user chooses C (Continue) -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted. -- 🚫 FORBIDDEN to load next step until C is selected - -## COLLABORATION MENUS (A/P/C): - -This step will generate content and present choices: - -- **A (Advanced Elicitation)**: Use discovery protocols to develop deeper experience insights -- **P (Party Mode)**: Bring multiple perspectives to define optimal user experience -- **C (Continue)**: Save the content to the document and proceed to next step - -## PROTOCOL INTEGRATION: - -- When 'A' selected: Invoke the `bmad-advanced-elicitation` skill -- When 'P' selected: Invoke the `bmad-party-mode` skill -- PROTOCOLS always return to this step's A/P/C menu -- User accepts/rejects protocol changes before proceeding - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter from previous steps are available -- Project understanding from step 2 informs this step -- No additional data files needed for this step -- Focus on core experience and platform decisions - -## YOUR TASK: - -Define the core user experience, platform requirements, and what makes the interaction effortless. - -## CORE EXPERIENCE DISCOVERY SEQUENCE: - -### 1. Define Core User Action - -Start by identifying the most important user interaction: -"Now let's dig into the heart of the user experience for {{project_name}}. - -**Core Experience Questions:** - -- What's the ONE thing users will do most frequently? -- What user action is absolutely critical to get right? -- What should be completely effortless for users? -- If we nail one interaction, everything else follows - what is it? - -Think about the core loop or primary action that defines your product's value." - -### 2. Explore Platform Requirements - -Determine where and how users will interact: -"Let's define the platform context for {{project_name}}: - -**Platform Questions:** - -- Web, mobile app, desktop, or multiple platforms? -- Will this be primarily touch-based or mouse/keyboard? -- Any specific platform requirements or constraints? -- Do we need to consider offline functionality? -- Any device-specific capabilities we should leverage?" - -### 3. Identify Effortless Interactions - -Surface what should feel magical or completely seamless: -"**Effortless Experience Design:** - -- What user actions should feel completely natural and require zero thought? -- Where do users currently struggle with similar products? -- What interaction, if made effortless, would create delight? -- What should happen automatically without user intervention? -- Where can we eliminate steps that competitors require?" - -### 4. Define Critical Success Moments - -Identify the moments that determine success or failure: -"**Critical Success Moments:** - -- What's the moment where users realize 'this is better'? -- When does the user feel successful or accomplished? -- What interaction, if failed, would ruin the experience? -- What are the make-or-break user flows? -- Where does first-time user success happen?" - -### 5. Synthesize Experience Principles - -Extract guiding principles from the conversation: -"Based on our discussion, I'm hearing these core experience principles for {{project_name}}: - -**Experience Principles:** - -- [Principle 1 based on core action focus] -- [Principle 2 based on effortless interactions] -- [Principle 3 based on platform considerations] -- [Principle 4 based on critical success moments] - -These principles will guide all our UX decisions. Do these capture what's most important?" - -### 6. Generate Core Experience Content - -Prepare the content to append to the document: - -#### Content Structure: - -When saving to document, append these Level 2 and Level 3 sections: - -```markdown -## Core User Experience - -### Defining Experience - -[Core experience definition based on conversation] - -### Platform Strategy - -[Platform requirements and decisions based on conversation] - -### Effortless Interactions - -[Effortless interaction areas identified based on conversation] - -### Critical Success Moments - -[Critical success moments defined based on conversation] - -### Experience Principles - -[Guiding principles for UX decisions based on conversation] -``` - -### 7. Present Content and Menu - -Show the generated core experience content and present choices: -"I've defined the core user experience for {{project_name}} based on our conversation. This establishes the foundation for all our UX design decisions. - -**Here's what I'll add to the document:** - -[Show the complete markdown content from step 6] - -**What would you like to do?** -[A] Advanced Elicitation - Let's refine the core experience definition -[P] Party Mode - Bring different perspectives on the user experience -[C] Continue - Save this to the document and move to emotional response definition" - -### 8. Handle Menu Selection - -#### If 'A' (Advanced Elicitation): - -- Invoke the `bmad-advanced-elicitation` skill with the current core experience content -- Process the enhanced experience insights that come back -- Ask user: "Accept these improvements to the core experience definition? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'P' (Party Mode): - -- Invoke the `bmad-party-mode` skill with the current core experience definition -- Process the collaborative experience improvements that come back -- Ask user: "Accept these changes to the core experience definition? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'C' (Continue): - -- Append the final content to `{planning_artifacts}/ux-design-specification.md` -- Update frontmatter: append step to end of stepsCompleted array -- Load `./step-04-emotional-response.md` - -## APPEND TO DOCUMENT: - -When user selects 'C', append the content directly to the document using the structure from step 6. - -## SUCCESS METRICS: - -✅ Core user action clearly identified and defined -✅ Platform requirements thoroughly explored -✅ Effortless interaction areas identified -✅ Critical success moments mapped out -✅ Experience principles established as guiding framework -✅ A/P/C menu presented and handled correctly -✅ Content properly appended to document when C selected - -## FAILURE MODES: - -❌ Missing the core user action that defines the product -❌ Not properly considering platform requirements -❌ Overlooking what should be effortless for users -❌ Not identifying critical make-or-break interactions -❌ Experience principles too generic or not actionable -❌ Not presenting A/P/C menu after content generation -❌ Appending content without user selecting 'C' - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## NEXT STEP: - -After user selects 'C' and content is saved to document, load `./step-04-emotional-response.md` to define desired emotional responses. - -Remember: Do NOT proceed to step-04 until user explicitly selects 'C' from the A/P/C menu and content is saved! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-04-emotional-response.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-04-emotional-response.md deleted file mode 100644 index 00edcedd8..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-04-emotional-response.md +++ /dev/null @@ -1,220 +0,0 @@ -# Step 4: Desired Emotional Response - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on defining desired emotional responses and user feelings -- 🎯 COLLABORATIVE discovery, not assumption-based design -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` -- ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- ⚠️ Present A/P/C menu after generating emotional response content -- 💾 ONLY save when user chooses C (Continue) -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted. -- 🚫 FORBIDDEN to load next step until C is selected - -## COLLABORATION MENUS (A/P/C): - -This step will generate content and present choices: - -- **A (Advanced Elicitation)**: Use discovery protocols to develop deeper emotional insights -- **P (Party Mode)**: Bring multiple perspectives to define optimal emotional responses -- **C (Continue)**: Save the content to the document and proceed to next step - -## PROTOCOL INTEGRATION: - -- When 'A' selected: Invoke the `bmad-advanced-elicitation` skill -- When 'P' selected: Invoke the `bmad-party-mode` skill -- PROTOCOLS always return to this step's A/P/C menu -- User accepts/rejects protocol changes before proceeding - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter from previous steps are available -- Core experience definition from step 3 informs emotional response -- No additional data files needed for this step -- Focus on user feelings and emotional design goals - -## YOUR TASK: - -Define the desired emotional responses users should feel when using the product. - -## EMOTIONAL RESPONSE DISCOVERY SEQUENCE: - -### 1. Explore Core Emotional Goals - -Start by understanding the emotional objectives: -"Now let's think about how {{project_name}} should make users feel. - -**Emotional Response Questions:** - -- What should users FEEL when using this product? -- What emotion would make them tell a friend about this? -- How should users feel after accomplishing their primary goal? -- What feeling differentiates this from competitors? - -Common emotional goals: Empowered and in control? Delighted and surprised? Efficient and productive? Creative and inspired? Calm and focused? Connected and engaged?" - -### 2. Identify Emotional Journey Mapping - -Explore feelings at different stages: -"**Emotional Journey Considerations:** - -- How should users feel when they first discover the product? -- What emotion during the core experience/action? -- How should they feel after completing their task? -- What if something goes wrong - what emotional response do we want? -- How should they feel when returning to use it again?" - -### 3. Define Micro-Emotions - -Surface subtle but important emotional states: -"**Micro-Emotions to Consider:** - -- Confidence vs. Confusion -- Trust vs. Skepticism -- Excitement vs. Anxiety -- Accomplishment vs. Frustration -- Delight vs. Satisfaction -- Belonging vs. Isolation - -Which of these emotional states are most critical for your product's success?" - -### 4. Connect Emotions to UX Decisions - -Link feelings to design implications: -"**Design Implications:** - -- If we want users to feel [emotional state], what UX choices support this? -- What interactions might create negative emotions we want to avoid? -- Where can we add moments of delight or surprise? -- How do we build trust and confidence through design? - -**Emotion-Design Connections:** - -- [Emotion 1] → [UX design approach] -- [Emotion 2] → [UX design approach] -- [Emotion 3] → [UX design approach]" - -### 5. Validate Emotional Goals - -Check if emotional goals align with product vision: -"Let me make sure I understand the emotional vision for {{project_name}}: - -**Primary Emotional Goal:** [Summarize main emotional response] -**Secondary Feelings:** [List supporting emotional states] -**Emotions to Avoid:** [List negative emotions to prevent] - -Does this capture the emotional experience you want to create? Any adjustments needed?" - -### 6. Generate Emotional Response Content - -Prepare the content to append to the document: - -#### Content Structure: - -When saving to document, append these Level 2 and Level 3 sections: - -```markdown -## Desired Emotional Response - -### Primary Emotional Goals - -[Primary emotional goals based on conversation] - -### Emotional Journey Mapping - -[Emotional journey mapping based on conversation] - -### Micro-Emotions - -[Micro-emotions identified based on conversation] - -### Design Implications - -[UX design implications for emotional responses based on conversation] - -### Emotional Design Principles - -[Guiding principles for emotional design based on conversation] -``` - -### 7. Present Content and Menu - -Show the generated emotional response content and present choices: -"I've defined the desired emotional responses for {{project_name}}. These emotional goals will guide our design decisions to create the right user experience. - -**Here's what I'll add to the document:** - -[Show the complete markdown content from step 6] - -**What would you like to do?** -[A] Advanced Elicitation - Let's refine the emotional response definition -[P] Party Mode - Bring different perspectives on user emotional needs -[C] Continue - Save this to the document and move to inspiration analysis" - -### 8. Handle Menu Selection - -#### If 'A' (Advanced Elicitation): - -- Invoke the `bmad-advanced-elicitation` skill with the current emotional response content -- Process the enhanced emotional insights that come back -- Ask user: "Accept these improvements to the emotional response definition? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'P' (Party Mode): - -- Invoke the `bmad-party-mode` skill with the current emotional response definition -- Process the collaborative emotional insights that come back -- Ask user: "Accept these changes to the emotional response definition? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'C' (Continue): - -- Append the final content to `{planning_artifacts}/ux-design-specification.md` -- Update frontmatter: append step to end of stepsCompleted array -- Load `./step-05-inspiration.md` - -## APPEND TO DOCUMENT: - -When user selects 'C', append the content directly to the document using the structure from step 6. - -## SUCCESS METRICS: - -✅ Primary emotional goals clearly defined -✅ Emotional journey mapped across user experience -✅ Micro-emotions identified and addressed -✅ Design implications connected to emotional responses -✅ Emotional design principles established -✅ A/P/C menu presented and handled correctly -✅ Content properly appended to document when C selected - -## FAILURE MODES: - -❌ Missing core emotional goals or being too generic -❌ Not considering emotional journey across different stages -❌ Overlooking micro-emotions that impact user satisfaction -❌ Not connecting emotional goals to specific UX design choices -❌ Emotional principles too vague or not actionable -❌ Not presenting A/P/C menu after content generation -❌ Appending content without user selecting 'C' - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## NEXT STEP: - -After user selects 'C' and content is saved to document, load `./step-05-inspiration.md` to analyze UX patterns from inspiring products. - -Remember: Do NOT proceed to step-05 until user explicitly selects 'C' from the A/P/C menu and content is saved! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-05-inspiration.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-05-inspiration.md deleted file mode 100644 index f6b06a64f..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-05-inspiration.md +++ /dev/null @@ -1,235 +0,0 @@ -# Step 5: UX Pattern Analysis & Inspiration - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on analyzing existing UX patterns and extracting inspiration -- 🎯 COLLABORATIVE discovery, not assumption-based design -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` -- ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- ⚠️ Present A/P/C menu after generating inspiration analysis content -- 💾 ONLY save when user chooses C (Continue) -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted. -- 🚫 FORBIDDEN to load next step until C is selected - -## COLLABORATION MENUS (A/P/C): - -This step will generate content and present choices: - -- **A (Advanced Elicitation)**: Use discovery protocols to develop deeper pattern insights -- **P ( Party Mode)**: Bring multiple perspectives to analyze UX patterns -- **C (Continue)**: Save the content to the document and proceed to next step - -## PROTOCOL INTEGRATION: - -- When 'A' selected: Invoke the `bmad-advanced-elicitation` skill -- When 'P' selected: Invoke the `bmad-party-mode` skill -- PROTOCOLS always return to this step's A/P/C menu -- User accepts/rejects protocol changes before proceeding - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter from previous steps are available -- Emotional response goals from step 4 inform pattern analysis -- No additional data files needed for this step -- Focus on analyzing existing UX patterns and extracting lessons - -## YOUR TASK: - -Analyze inspiring products and UX patterns to inform design decisions for the current project. - -## INSPIRATION ANALYSIS SEQUENCE: - -### 1. Identify User's Favorite Apps - -Start by gathering inspiration sources: -"Let's learn from products your users already love and use regularly. - -**Inspiration Questions:** - -- Name 2-3 apps your target users already love and USE frequently -- For each one, what do they do well from a UX perspective? -- What makes the experience compelling or delightful? -- What keeps users coming back to these apps? - -Think about apps in your category or even unrelated products that have great UX." - -### 2. Analyze UX Patterns and Principles - -Break down what makes these apps successful: -"For each inspiring app, let's analyze their UX success: - -**For [App Name]:** - -- What core problem does it solve elegantly? -- What makes the onboarding experience effective? -- How do they handle navigation and information hierarchy? -- What are their most innovative or delightful interactions? -- What visual design choices support the user experience? -- How do they handle errors or edge cases?" - -### 3. Extract Transferable Patterns - -Identify patterns that could apply to your project: -"**Transferable UX Patterns:** -Looking across these inspiring apps, I see patterns we could adapt: - -**Navigation Patterns:** - -- [Pattern 1] - could work for your [specific use case] -- [Pattern 2] - might solve your [specific challenge] - -**Interaction Patterns:** - -- [Pattern 1] - excellent for [your user goal] -- [Pattern 2] - addresses [your user pain point] - -**Visual Patterns:** - -- [Pattern 1] - supports your [emotional goal] -- [Pattern 2] - aligns with your [platform requirements] - -Which of these patterns resonate most for your product?" - -### 4. Identify Anti-Patterns to Avoid - -Surface what not to do based on analysis: -"**UX Anti-Patterns to Avoid:** -From analyzing both successes and failures in your space, here are patterns to avoid: - -- [Anti-pattern 1] - users find this confusing/frustrating -- [Anti-pattern 2] - this creates unnecessary friction -- [Anti-pattern 3] - doesn't align with your [emotional goals] - -Learning from others' mistakes is as important as learning from their successes." - -### 5. Define Design Inspiration Strategy - -Create a clear strategy for using this inspiration: -"**Design Inspiration Strategy:** - -**What to Adopt:** - -- [Specific pattern] - because it supports [your core experience] -- [Specific pattern] - because it aligns with [user needs] - -**What to Adapt:** - -- [Specific pattern] - modify for [your unique requirements] -- [Specific pattern] - simplify for [your user skill level] - -**What to Avoid:** - -- [Specific anti-pattern] - conflicts with [your goals] -- [Specific anti-pattern] - doesn't fit [your platform] - -This strategy will guide our design decisions while keeping {{project_name}} unique." - -### 6. Generate Inspiration Analysis Content - -Prepare the content to append to the document: - -#### Content Structure: - -When saving to document, append these Level 2 and Level 3 sections: - -```markdown -## UX Pattern Analysis & Inspiration - -### Inspiring Products Analysis - -[Analysis of inspiring products based on conversation] - -### Transferable UX Patterns - -[Transferable patterns identified based on conversation] - -### Anti-Patterns to Avoid - -[Anti-patterns to avoid based on conversation] - -### Design Inspiration Strategy - -[Strategy for using inspiration based on conversation] -``` - -### 7. Present Content and Menu - -Show the generated inspiration analysis content and present choices: -"I've analyzed inspiring UX patterns and products to inform our design strategy for {{project_name}}. This gives us a solid foundation of proven patterns to build upon. - -**Here's what I'll add to the document:** - -[Show the complete markdown content from step 6] - -**What would you like to do?** -[A] Advanced Elicitation - Let's deepen our UX pattern analysis -[P] Party Mode - Bring different perspectives on inspiration sources -[C] Continue - Save this to the document and move to design system choice" - -### 8. Handle Menu Selection - -#### If 'A' (Advanced Elicitation): - -- Invoke the `bmad-advanced-elicitation` skill with the current inspiration analysis content -- Process the enhanced pattern insights that come back -- Ask user: "Accept these improvements to the inspiration analysis? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'P' (Party Mode): - -- Invoke the `bmad-party-mode` skill with the current inspiration analysis -- Process the collaborative pattern insights that come back -- Ask user: "Accept these changes to the inspiration analysis? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'C' (Continue): - -- Append the final content to `{planning_artifacts}/ux-design-specification.md` -- Update frontmatter: append step to end of stepsCompleted array -- Read fully and follow: `./step-06-design-system.md` - -## APPEND TO DOCUMENT: - -When user selects 'C', append the content directly to the document using the structure from step 6. - -## SUCCESS METRICS: - -✅ Inspiring products identified and analyzed thoroughly -✅ UX patterns extracted and categorized effectively -✅ Transferable patterns identified for current project -✅ Anti-patterns identified to avoid common mistakes -✅ Clear design inspiration strategy established -✅ A/P/C menu presented and handled correctly -✅ Content properly appended to document when C selected - -## FAILURE MODES: - -❌ Not getting specific examples of inspiring products -❌ Surface-level analysis without deep pattern extraction -❌ Missing opportunities for pattern adaptation -❌ Not identifying relevant anti-patterns to avoid -❌ Strategy too generic or not actionable -❌ Not presenting A/P/C menu after content generation -❌ Appending content without user selecting 'C' - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## NEXT STEP: - -After user selects 'C' and content is saved to document, load `./step-06-design-system.md` to choose the appropriate design system approach. - -Remember: Do NOT proceed to step-06 until user explicitly selects 'C' from the A/P/C menu and content is saved! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-06-design-system.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-06-design-system.md deleted file mode 100644 index d0b3ba60f..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-06-design-system.md +++ /dev/null @@ -1,253 +0,0 @@ -# Step 6: Design System Choice - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on choosing appropriate design system approach -- 🎯 COLLABORATIVE decision-making, not recommendation-only -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` -- ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- ⚠️ Present A/P/C menu after generating design system decision content -- 💾 ONLY save when user chooses C (Continue) -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted. -- 🚫 FORBIDDEN to load next step until C is selected - -## COLLABORATION MENUS (A/P/C): - -This step will generate content and present choices: - -- **A (Advanced Elicitation)**: Use discovery protocols to develop deeper design system insights -- **P (Party Mode)**: Bring multiple perspectives to evaluate design system options -- **C (Continue)**: Save the content to the document and proceed to next step - -## PROTOCOL INTEGRATION: - -- When 'A' selected: Invoke the `bmad-advanced-elicitation` skill -- When 'P' selected: Invoke the `bmad-party-mode` skill -- PROTOCOLS always return to this step's A/P/C menu -- User accepts/rejects protocol changes before proceeding - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter from previous steps are available -- Platform requirements from step 3 inform design system choice -- Inspiration patterns from step 5 guide design system selection -- Focus on choosing foundation for consistent design - -## YOUR TASK: - -Choose appropriate design system approach based on project requirements and constraints. - -## DESIGN SYSTEM CHOICE SEQUENCE: - -### 1. Present Design System Options - -Educate about design system approaches: -"For {{project_name}}, we need to choose a design system foundation. Think of design systems like LEGO blocks for UI - they provide proven components and patterns, ensuring consistency and speeding development. - -**Design System Approaches:** - -**1. Custom Design System** - -- Complete visual uniqueness -- Full control over every component -- Higher initial investment -- Perfect for established brands with unique needs - -**2. Established System (Material Design, Ant Design, etc.)** - -- Fast development with proven patterns -- Great defaults and accessibility built-in -- Less visual differentiation -- Ideal for startups or internal tools - -**3. Themeable System (MUI, Chakra UI, Tailwind UI)** - -- Customizable with strong foundation -- Brand flexibility with proven components -- Moderate learning curve -- Good balance of speed and uniqueness - -Which direction feels right for your project?" - -### 2. Analyze Project Requirements - -Guide decision based on project context: -"**Let's consider your specific needs:** - -**Based on our previous conversations:** - -- Platform: [platform from step 3] -- Timeline: [inferred from user conversation] -- Team Size: [inferred from user conversation] -- Brand Requirements: [inferred from user conversation] -- Technical Constraints: [inferred from user conversation] - -**Decision Factors:** - -- Need for speed vs. need for uniqueness -- Brand guidelines or existing visual identity -- Team's design expertise -- Long-term maintenance considerations -- Integration requirements with existing systems" - -### 3. Explore Specific Design System Options - -Dive deeper into relevant options: -"**Recommended Options Based on Your Needs:** - -**For [Your Platform Type]:** - -- [Option 1] - [Key benefit] - [Best for scenario] -- [Option 2] - [Key benefit] - [Best for scenario] -- [Option 3] - [Key benefit] - [Best for scenario] - -**Considerations:** - -- Component library size and quality -- Documentation and community support -- Customization capabilities -- Accessibility compliance -- Performance characteristics -- Learning curve for your team" - -### 4. Facilitate Decision Process - -Help user make informed choice: -"**Decision Framework:** - -1. What's most important: Speed, uniqueness, or balance? -2. How much design expertise does your team have? -3. Are there existing brand guidelines to follow? -4. What's your timeline and budget? -5. Long-term maintenance needs? - -Let's evaluate options based on your answers to these questions." - -### 5. Finalize Design System Choice - -Confirm and document the decision: -"Based on our analysis, I recommend [Design System Choice] for {{project_name}}. - -**Rationale:** - -- [Reason 1 based on project needs] -- [Reason 2 based on constraints] -- [Reason 3 based on team considerations] - -**Next Steps:** - -- We'll customize this system to match your brand and needs -- Define component strategy for custom components needed -- Establish design tokens and patterns - -Does this design system choice feel right to you?" - -### 6. Generate Design System Content - -Prepare the content to append to the document: - -#### Content Structure: - -When saving to document, append these Level 2 and Level 3 sections: - -```markdown -## Design System Foundation - -### 1.1 Design System Choice - -[Design system choice based on conversation] - -### Rationale for Selection - -[Rationale for design system selection based on conversation] - -### Implementation Approach - -[Implementation approach based on chosen system] - -### Customization Strategy - -[Customization strategy based on project needs] -``` - -### 7. Present Content and Menu - -Show the generated design system content and present choices: -"I've documented our design system choice for {{project_name}}. This foundation will ensure consistency and speed up development. - -**Here's what I'll add to the document:** - -[Show the complete markdown content from step 6] - -**What would you like to do?** -[A] Advanced Elicitation - Let's refine our design system decision -[P] Party Mode - Bring technical perspectives on design systems -[C] Continue - Save this to the document and move to defining experience - -### 8. Handle Menu Selection - -#### If 'A' (Advanced Elicitation): - -- Invoke the `bmad-advanced-elicitation` skill with the current design system content -- Process the enhanced design system insights that come back -- Ask user: "Accept these improvements to the design system decision? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'P' (Party Mode): - -- Invoke the `bmad-party-mode` skill with the current design system choice -- Process the collaborative design system insights that come back -- Ask user: "Accept these changes to the design system decision? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'C' (Continue): - -- Append the final content to `{planning_artifacts}/ux-design-specification.md` -- Update frontmatter: append step to end of stepsCompleted array -- Load `./step-07-defining-experience.md` - -## APPEND TO DOCUMENT: - -When user selects 'C', append the content directly to the document using the structure from step 6. - -## SUCCESS METRICS: - -✅ Design system options clearly presented and explained -✅ Decision framework applied to project requirements -✅ Specific design system chosen with clear rationale -✅ Implementation approach planned -✅ Customization strategy defined -✅ A/P/C menu presented and handled correctly -✅ Content properly appended to document when C selected - -## FAILURE MODES: - -❌ Not explaining design system concepts clearly -❌ Rushing to recommendation without understanding requirements -❌ Not considering technical constraints or team capabilities -❌ Choosing design system without clear rationale -❌ Not planning implementation approach -❌ Not presenting A/P/C menu after content generation -❌ Appending content without user selecting 'C' - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## NEXT STEP: - -After user selects 'C' and content is saved to document, load `./step-07-defining-experience.md` to define the core user interaction. - -Remember: Do NOT proceed to step-07 until user explicitly selects 'C' from the A/P/C menu and content is saved! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-07-defining-experience.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-07-defining-experience.md deleted file mode 100644 index 279a359d8..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-07-defining-experience.md +++ /dev/null @@ -1,255 +0,0 @@ -# Step 7: Defining Core Experience - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on defining the core interaction that defines the product -- 🎯 COLLABORATIVE discovery, not assumption-based design -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` -- ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- ⚠️ Present A/P/C menu after generating defining experience content -- 💾 ONLY save when user chooses C (Continue) -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted. -- 🚫 FORBIDDEN to load next step until C is selected - -## COLLABORATION MENUS (A/P/C): - -This step will generate content and present choices: - -- **A (Advanced Elicitation)**: Use discovery protocols to develop deeper experience insights -- **P (Party Mode)**: Bring multiple perspectives to define optimal core experience -- **C (Continue)**: Save the content to the document and proceed to next step - -## PROTOCOL INTEGRATION: - -- When 'A' selected: Invoke the `bmad-advanced-elicitation` skill -- When 'P' selected: Invoke the `bmad-party-mode` skill -- PROTOCOLS always return to this step's A/P/C menu -- User accepts/rejects protocol changes before proceeding - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter from previous steps are available -- Core experience from step 3 provides foundation -- Design system choice from step 6 informs implementation -- Focus on the defining interaction that makes the product special - -## YOUR TASK: - -Define the core interaction that, if nailed, makes everything else follow in the user experience. - -## DEFINING EXPERIENCE SEQUENCE: - -### 1. Identify the Defining Experience - -Focus on the core interaction: -"Every successful product has a defining experience - the core interaction that, if we nail it, everything else follows. - -**Think about these famous examples:** - -- Tinder: "Swipe to match with people" -- Snapchat: "Share photos that disappear" -- Instagram: "Share perfect moments with filters" -- Spotify: "Discover and play any song instantly" - -**For {{project_name}}:** -What's the core action that users will describe to their friends? -What's the interaction that makes users feel successful? -If we get ONE thing perfectly right, what should it be?" - -### 2. Explore the User's Mental Model - -Understand how users think about the core task: -"**User Mental Model Questions:** - -- How do users currently solve this problem? -- What mental model do they bring to this task? -- What's their expectation for how this should work? -- Where are they likely to get confused or frustrated? - -**Current Solutions:** - -- What do users love/hate about existing approaches? -- What shortcuts or workarounds do they use? -- What makes existing solutions feel magical or terrible?" - -### 3. Define Success Criteria for Core Experience - -Establish what makes the core interaction successful: -"**Core Experience Success Criteria:** - -- What makes users say 'this just works'? -- When do they feel smart or accomplished? -- What feedback tells them they're doing it right? -- How fast should it feel? -- What should happen automatically? - -**Success Indicators:** - -- [Success indicator 1] -- [Success indicator 2] -- [Success indicator 3]" - -### 4. Identify Novel vs. Established Patterns - -Determine if we need to innovate or can use proven patterns: -"**Pattern Analysis:** -Looking at your core experience, does this: - -- Use established UX patterns that users already understand? -- Require novel interaction design that needs user education? -- Combine familiar patterns in innovative ways? - -**If Novel:** - -- What makes this different from existing approaches? -- How will we teach users this new pattern? -- What familiar metaphors can we use? - -**If Established:** - -- Which proven patterns should we adopt? -- How can we innovate within familiar patterns? -- What's our unique twist on established interactions?" - -### 5. Define Experience Mechanics - -Break down the core interaction into details: -"**Core Experience Mechanics:** -Let's design the step-by-step flow for [defining experience]: - -**1. Initiation:** - -- How does the user start this action? -- What triggers or invites them to begin? - -**2. Interaction:** - -- What does the user actually do? -- What controls or inputs do they use? -- How does the system respond? - -**3. Feedback:** - -- What tells users they're succeeding? -- How do they know when it's working? -- What happens if they make a mistake? - -**4. Completion:** - -- How do users know they're done? -- What's the successful outcome? -- What's next?" - -### 6. Generate Defining Experience Content - -Prepare the content to append to the document: - -#### Content Structure: - -When saving to document, append these Level 2 and Level 3 sections: - -```markdown -## 2. Core User Experience - -### 2.1 Defining Experience - -[Defining experience description based on conversation] - -### 2.2 User Mental Model - -[User mental model analysis based on conversation] - -### 2.3 Success Criteria - -[Success criteria for core experience based on conversation] - -### 2.4 Novel UX Patterns - -[Novel UX patterns analysis based on conversation] - -### 2.5 Experience Mechanics - -[Detailed mechanics for core experience based on conversation] -``` - -### 7. Present Content and Menu - -Show the generated defining experience content and present choices: -"I've defined the core experience for {{project_name}} - the interaction that will make users love this product. - -**Here's what I'll add to the document:** - -[Show the complete markdown content from step 6] - -**What would you like to do?** -[A] Advanced Elicitation - Let's refine the core experience definition -[P] Party Mode - Bring different perspectives on the defining interaction -[C] Continue - Save this to the document and move to visual foundation - -### 8. Handle Menu Selection - -#### If 'A' (Advanced Elicitation): - -- Invoke the `bmad-advanced-elicitation` skill with the current defining experience content -- Process the enhanced experience insights that come back -- Ask user: "Accept these improvements to the defining experience? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'P' (Party Mode): - -- Invoke the `bmad-party-mode` skill with the current defining experience -- Process the collaborative experience insights that come back -- Ask user: "Accept these changes to the defining experience? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'C' (Continue): - -- Append the final content to `{planning_artifacts}/ux-design-specification.md` -- Update frontmatter: append step to end of stepsCompleted array -- Load `./step-08-visual-foundation.md` - -## APPEND TO DOCUMENT: - -When user selects 'C', append the content directly to the document using the structure from step 6. - -## SUCCESS METRICS: - -✅ Defining experience clearly articulated -✅ User mental model thoroughly analyzed -✅ Success criteria established for core interaction -✅ Novel vs. established patterns properly evaluated -✅ Experience mechanics designed in detail -✅ A/P/C menu presented and handled correctly -✅ Content properly appended to document when C selected - -## FAILURE MODES: - -❌ Not identifying the true core interaction -❌ Missing user's mental model and expectations -❌ Not establishing clear success criteria -❌ Not properly evaluating novel vs. established patterns -❌ Experience mechanics too vague or incomplete -❌ Not presenting A/P/C menu after content generation -❌ Appending content without user selecting 'C' - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## NEXT STEP: - -After user selects 'C' and content is saved to document, load `./step-08-visual-foundation.md` to establish visual design foundation. - -Remember: Do NOT proceed to step-08 until user explicitly selects 'C' from the A/P/C menu and content is saved! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-08-visual-foundation.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-08-visual-foundation.md deleted file mode 100644 index 0cd390881..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-08-visual-foundation.md +++ /dev/null @@ -1,225 +0,0 @@ -# Step 8: Visual Foundation - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on establishing visual design foundation (colors, typography, spacing) -- 🎯 COLLABORATIVE discovery, not assumption-based design -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` -- ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- ⚠️ Present A/P/C menu after generating visual foundation content -- 💾 ONLY save when user chooses C (Continue) -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted. -- 🚫 FORBIDDEN to load next step until C is selected - -## COLLABORATION MENUS (A/P/C): - -This step will generate content and present choices: - -- **A (Advanced Elicitation)**: Use discovery protocols to develop deeper visual insights -- **P (Party Mode)**: Bring multiple perspectives to define visual foundation -- **C (Continue)**: Save the content to the document and proceed to next step - -## PROTOCOL INTEGRATION: - -- When 'A' selected: Invoke the `bmad-advanced-elicitation` skill -- When 'P' selected: Invoke the `bmad-party-mode` skill -- PROTOCOLS always return to this step's A/P/C menu -- User accepts/rejects protocol changes before proceeding - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter from previous steps are available -- Design system choice from step 6 provides component foundation -- Emotional response goals from step 4 inform visual decisions -- Focus on colors, typography, spacing, and layout foundation - -## YOUR TASK: - -Establish the visual design foundation including color themes, typography, and spacing systems. - -## VISUAL FOUNDATION SEQUENCE: - -### 1. Brand Guidelines Assessment - -Check for existing brand requirements: -"Do you have existing brand guidelines or a specific color palette I should follow? (y/n) - -If yes, I'll extract and document your brand colors and create semantic color mappings. -If no, I'll generate theme options based on your project's personality and emotional goals from our earlier discussion." - -### 2. Generate Color Theme Options (If no brand guidelines) - -Create visual exploration opportunities: -"If no existing brand guidelines, I'll create a color theme visualizer to help you explore options. - -🎨 I can generate comprehensive HTML color theme visualizers with multiple theme options, complete UI examples, and the ability to see how colors work in real interface contexts. - -This will help you make an informed decision about the visual direction for {{project_name}}." - -### 3. Define Typography System - -Establish the typographic foundation: -"**Typography Questions:** - -- What should the overall tone feel like? (Professional, friendly, modern, classic?) -- How much text content will users read? (Headings only? Long-form content?) -- Any accessibility requirements for font sizes or contrast? -- Any brand fonts we must use? - -**Typography Strategy:** - -- Choose primary and secondary typefaces -- Establish type scale (h1, h2, h3, body, etc.) -- Define line heights and spacing relationships -- Consider readability and accessibility" - -### 4. Establish Spacing and Layout Foundation - -Define the structural foundation: -"**Spacing and Layout Foundation:** - -- How should the overall layout feel? (Dense and efficient? Airy and spacious?) -- What spacing unit should we use? (4px, 8px, 12px base?) -- How much white space should be between elements? -- Should we use a grid system? If so, what column structure? - -**Layout Principles:** - -- [Layout principle 1 based on product type] -- [Layout principle 2 based on user needs] -- [Layout principle 3 based on platform requirements]" - -### 5. Create Visual Foundation Strategy - -Synthesize all visual decisions: -"**Visual Foundation Strategy:** - -**Color System:** - -- [Color strategy based on brand guidelines or generated themes] -- Semantic color mapping (primary, secondary, success, warning, error, etc.) -- Accessibility compliance (contrast ratios) - -**Typography System:** - -- [Typography strategy based on content needs and tone] -- Type scale and hierarchy -- Font pairing rationale - -**Spacing & Layout:** - -- [Spacing strategy based on content density and platform] -- Grid system approach -- Component spacing relationships - -This foundation will ensure consistency across all our design decisions." - -### 6. Generate Visual Foundation Content - -Prepare the content to append to the document: - -#### Content Structure: - -When saving to document, append these Level 2 and Level 3 sections: - -```markdown -## Visual Design Foundation - -### Color System - -[Color system strategy based on conversation] - -### Typography System - -[Typography system strategy based on conversation] - -### Spacing & Layout Foundation - -[Spacing and layout foundation based on conversation] - -### Accessibility Considerations - -[Accessibility considerations based on conversation] -``` - -### 7. Present Content and Menu - -Show the generated visual foundation content and present choices: -"I've established the visual design foundation for {{project_name}}. This provides the building blocks for consistent, beautiful design. - -**Here's what I'll add to the document:** - -[Show the complete markdown content from step 6] - -**What would you like to do?** -[A] Advanced Elicitation - Let's refine our visual foundation -[P] Party Mode - Bring design perspectives on visual choices -[C] Continue - Save this to the document and move to design directions - -### 8. Handle Menu Selection - -#### If 'A' (Advanced Elicitation): - -- Invoke the `bmad-advanced-elicitation` skill with the current visual foundation content -- Process the enhanced visual insights that come back -- Ask user: "Accept these improvements to the visual foundation? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'P' (Party Mode): - -- Invoke the `bmad-party-mode` skill with the current visual foundation -- Process the collaborative visual insights that come back -- Ask user: "Accept these changes to the visual foundation? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'C' (Continue): - -- Append the final content to `{planning_artifacts}/ux-design-specification.md` -- Update frontmatter: append step to end of stepsCompleted array -- Load `./step-09-design-directions.md` - -## APPEND TO DOCUMENT: - -When user selects 'C', append the content directly to the document using the structure from step 6. - -## SUCCESS METRICS: - -✅ Brand guidelines assessed and incorporated if available -✅ Color system established with accessibility consideration -✅ Typography system defined with appropriate hierarchy -✅ Spacing and layout foundation created -✅ Visual foundation strategy documented -✅ A/P/C menu presented and handled correctly -✅ Content properly appended to document when C selected - -## FAILURE MODES: - -❌ Not checking for existing brand guidelines first -❌ Color palette not aligned with emotional goals -❌ Typography not suitable for content type or readability needs -❌ Spacing system not appropriate for content density -❌ Missing accessibility considerations -❌ Not presenting A/P/C menu after content generation -❌ Appending content without user selecting 'C' - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## NEXT STEP: - -After user selects 'C' and content is saved to document, load `./step-09-design-directions.md` to generate design direction mockups. - -Remember: Do NOT proceed to step-09 until user explicitly selects 'C' from the A/P/C menu and content is saved! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-09-design-directions.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-09-design-directions.md deleted file mode 100644 index a07d9ecee..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-09-design-directions.md +++ /dev/null @@ -1,225 +0,0 @@ -# Step 9: Design Direction Mockups - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on generating and evaluating design direction variations -- 🎯 COLLABORATIVE exploration, not assumption-based design -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` -- ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- ⚠️ Present A/P/C menu after generating design direction content -- 💾 Generate HTML visualizer for design directions -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted. -- 🚫 FORBIDDEN to load next step until C is selected - -## COLLABORATION MENUS (A/P/C): - -This step will generate content and present choices: - -- **A (Advanced Elicitation)**: Use discovery protocols to develop deeper design insights -- **P (Party Mode)**: Bring multiple perspectives to evaluate design directions -- **C (Continue)**: Save the content to the document and proceed to next step - -## PROTOCOL INTEGRATION: - -- When 'A' selected: Invoke the `bmad-advanced-elicitation` skill -- When 'P' selected: Invoke the `bmad-party-mode` skill -- PROTOCOLS always return to this step's A/P/C menu -- User accepts/rejects protocol changes before proceeding - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter from previous steps are available -- Visual foundation from step 8 provides design tokens -- Core experience from step 7 informs layout and interaction design -- Focus on exploring different visual design directions - -## YOUR TASK: - -Generate comprehensive design direction mockups showing different visual approaches for the product. - -## DESIGN DIRECTIONS SEQUENCE: - -### 1. Generate Design Direction Variations - -Create diverse visual explorations: -"I'll generate 6-8 different design direction variations exploring: - -- Different layout approaches and information hierarchy -- Various interaction patterns and visual weights -- Alternative color applications from our foundation -- Different density and spacing approaches -- Various navigation and component arrangements - -Each mockup will show a complete vision for {{project_name}} with all our design decisions applied." - -### 2. Create HTML Design Direction Showcase - -Generate interactive visual exploration: -"🎨 Design Direction Mockups Generated! - -I'm creating a comprehensive HTML design direction showcase at `{planning_artifacts}/ux-design-directions.html` - -**What you'll see:** - -- 6-8 full-screen mockup variations -- Interactive states and hover effects -- Side-by-side comparison tools -- Complete UI examples with real content -- Responsive behavior demonstrations - -Each mockup represents a complete visual direction for your app's look and feel." - -### 3. Present Design Exploration Framework - -Guide evaluation criteria: -"As you explore the design directions, look for: - -✅ **Layout Intuitiveness** - Which information hierarchy matches your priorities? -✅ **Interaction Style** - Which interaction style fits your core experience? -✅ **Visual Weight** - Which visual density feels right for your brand? -✅ **Navigation Approach** - Which navigation pattern matches user expectations? -✅ **Component Usage** - How well do the components support your user journeys? -✅ **Brand Alignment** - Which direction best supports your emotional goals? - -Take your time exploring - this is a crucial decision that will guide all our design work!" - -### 4. Facilitate Design Direction Selection - -Help user choose or combine elements: -"After exploring all the design directions: - -**Which approach resonates most with you?** - -- Pick a favorite direction as-is -- Combine elements from multiple directions -- Request modifications to any direction -- Use one direction as a base and iterate - -**Tell me:** - -- Which layout feels most intuitive for your users? -- Which visual weight matches your brand personality? -- Which interaction style supports your core experience? -- Are there elements from different directions you'd like to combine?" - -### 5. Document Design Direction Decision - -Capture the chosen approach: -"Based on your exploration, I'm understanding your design direction preference: - -**Chosen Direction:** [Direction number or combination] -**Key Elements:** [Specific elements you liked] -**Modifications Needed:** [Any changes requested] -**Rationale:** [Why this direction works for your product] - -This will become our design foundation moving forward. Are we ready to lock this in, or do you want to explore variations?" - -### 6. Generate Design Direction Content - -Prepare the content to append to the document: - -#### Content Structure: - -When saving to document, append these Level 2 and Level 3 sections: - -```markdown -## Design Direction Decision - -### Design Directions Explored - -[Summary of design directions explored based on conversation] - -### Chosen Direction - -[Chosen design direction based on conversation] - -### Design Rationale - -[Rationale for design direction choice based on conversation] - -### Implementation Approach - -[Implementation approach based on chosen direction] -``` - -### 7. Present Content and Menu - -Show the generated design direction content and present choices: -"I've documented our design direction decision for {{project_name}}. This visual approach will guide all our detailed design work. - -**Here's what I'll add to the document:** - -[Show the complete markdown content from step 6] - -**What would you like to do?** -[A] Advanced Elicitation - Let's refine our design direction -[P] Party Mode - Bring different perspectives on visual choices -[C] Continue - Save this to the document and move to user journey flows - -### 8. Handle Menu Selection - -#### If 'A' (Advanced Elicitation): - -- Invoke the `bmad-advanced-elicitation` skill with the current design direction content -- Process the enhanced design insights that come back -- Ask user: "Accept these improvements to the design direction? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'P' (Party Mode): - -- Invoke the `bmad-party-mode` skill with the current design direction -- Process the collaborative design insights that come back -- Ask user: "Accept these changes to the design direction? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'C' (Continue): - -- Append the final content to `{planning_artifacts}/ux-design-specification.md` -- Update frontmatter: append step to end of stepsCompleted array -- Load `./step-10-user-journeys.md` - -## APPEND TO DOCUMENT: - -When user selects 'C', append the content directly to the document using the structure from step 6. - -## SUCCESS METRICS: - -✅ Multiple design direction variations generated -✅ HTML showcase created with interactive elements -✅ Design evaluation criteria clearly established -✅ User able to explore and compare directions effectively -✅ Design direction decision made with clear rationale -✅ A/P/C menu presented and handled correctly -✅ Content properly appended to document when C selected - -## FAILURE MODES: - -❌ Not creating enough variation in design directions -❌ Design directions not aligned with established foundation -❌ Missing interactive elements in HTML showcase -❌ Not providing clear evaluation criteria -❌ Rushing decision without thorough exploration -❌ Not presenting A/P/C menu after content generation -❌ Appending content without user selecting 'C' - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## NEXT STEP: - -After user selects 'C' and content is saved to document, load `./step-10-user-journeys.md` to design user journey flows. - -Remember: Do NOT proceed to step-10 until user explicitly selects 'C' from the A/P/C menu and content is saved! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-10-user-journeys.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-10-user-journeys.md deleted file mode 100644 index 1b9c06e96..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-10-user-journeys.md +++ /dev/null @@ -1,242 +0,0 @@ -# Step 10: User Journey Flows - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on designing user flows and journey interactions -- 🎯 COLLABORATIVE flow design, not assumption-based layouts -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` -- ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- ⚠️ Present A/P/C menu after generating user journey content -- 💾 ONLY save when user chooses C (Continue) -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted. -- 🚫 FORBIDDEN to load next step until C is selected - -## COLLABORATION MENUS (A/P/C): - -This step will generate content and present choices: - -- **A (Advanced Elicitation)**: Use discovery protocols to develop deeper journey insights -- **P (Party Mode)**: Bring multiple perspectives to design user flows -- **C (Continue)**: Save the content to the document and proceed to next step - -## PROTOCOL INTEGRATION: - -- When 'A' selected: Invoke the `bmad-advanced-elicitation` skill -- When 'P' selected: Invoke the `bmad-party-mode` skill -- PROTOCOLS always return to this step's A/P/C menu -- User accepts/rejects protocol changes before proceeding - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter from previous steps are available -- Design direction from step 9 informs flow layout and visual design -- Core experience from step 7 defines key journey interactions -- Focus on designing detailed user flows with Mermaid diagrams - -## YOUR TASK: - -Design detailed user journey flows for critical user interactions. - -## USER JOURNEY FLOWS SEQUENCE: - -### 1. Load PRD User Journeys as Foundation - -Start with user journeys already defined in the PRD: -"Great! Since we have the PRD available, let's build on the user journeys already documented there. - -**Existing User Journeys from PRD:** -I've already loaded these user journeys from your PRD: -[Journey narratives from PRD input documents] - -These journeys tell us **who** users are and **why** they take certain actions. Now we need to design **how** those journeys work in detail. - -**Critical Journeys to Design Flows For:** -Looking at the PRD journeys, I need to design detailed interaction flows for: - -- [Critical journey 1 identified from PRD narratives] -- [Critical journey 2 identified from PRD narratives] -- [Critical journey 3 identified from PRD narratives] - -The PRD gave us the stories - now we design the mechanics!" - -### 2. Design Each Journey Flow - -For each critical journey, design detailed flow: - -**For [Journey Name]:** -"Let's design the flow for users accomplishing [journey goal]. - -**Flow Design Questions:** - -- How do users start this journey? (entry point) -- What information do they need at each step? -- What decisions do they need to make? -- How do they know they're progressing successfully? -- What does success look like for this journey? -- Where might they get confused or stuck? -- How do they recover from errors?" - -### 3. Create Flow Diagrams - -Visualize each journey with Mermaid diagrams: -"I'll create detailed flow diagrams for each journey showing: - -**[Journey Name] Flow:** - -- Entry points and triggers -- Decision points and branches -- Success and failure paths -- Error recovery mechanisms -- Progressive disclosure of information - -Each diagram will map the complete user experience from start to finish." - -### 4. Optimize for Efficiency and Delight - -Refine flows for optimal user experience: -"**Flow Optimization:** -For each journey, let's ensure we're: - -- Minimizing steps to value (getting users to success quickly) -- Reducing cognitive load at each decision point -- Providing clear feedback and progress indicators -- Creating moments of delight or accomplishment -- Handling edge cases and error recovery gracefully - -**Specific Optimizations:** - -- [Optimization 1 for journey efficiency] -- [Optimization 2 for user delight] -- [Optimization 3 for error handling]" - -### 5. Document Journey Patterns - -Extract reusable patterns across journeys: -"**Journey Patterns:** -Across these flows, I'm seeing some common patterns we can standardize: - -**Navigation Patterns:** - -- [Navigation pattern 1] -- [Navigation pattern 2] - -**Decision Patterns:** - -- [Decision pattern 1] -- [Decision pattern 2] - -**Feedback Patterns:** - -- [Feedback pattern 1] -- [Feedback pattern 2] - -These patterns will ensure consistency across all user experiences." - -### 6. Generate User Journey Content - -Prepare the content to append to the document: - -#### Content Structure: - -When saving to document, append these Level 2 and Level 3 sections: - -```markdown -## User Journey Flows - -### [Journey 1 Name] - -[Journey 1 description and Mermaid diagram] - -### [Journey 2 Name] - -[Journey 2 description and Mermaid diagram] - -### Journey Patterns - -[Journey patterns identified based on conversation] - -### Flow Optimization Principles - -[Flow optimization principles based on conversation] -``` - -### 7. Present Content and Menu - -Show the generated user journey content and present choices: -"I've designed detailed user journey flows for {{project_name}}. These flows will guide the detailed design of each user interaction. - -**Here's what I'll add to the document:** - -[Show the complete markdown content from step 6] - -**What would you like to do?** -[A] Advanced Elicitation - Let's refine our user journey designs -[P] Party Mode - Bring different perspectives on user flows -[C] Continue - Save this to the document and move to component strategy - -### 8. Handle Menu Selection - -#### If 'A' (Advanced Elicitation): - -- Invoke the `bmad-advanced-elicitation` skill with the current user journey content -- Process the enhanced journey insights that come back -- Ask user: "Accept these improvements to the user journeys? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'P' (Party Mode): - -- Invoke the `bmad-party-mode` skill with the current user journeys -- Process the collaborative journey insights that come back -- Ask user: "Accept these changes to the user journeys? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'C' (Continue): - -- Append the final content to `{planning_artifacts}/ux-design-specification.md` -- Update frontmatter: append step to end of stepsCompleted array -- Load `./step-11-component-strategy.md` - -## APPEND TO DOCUMENT: - -When user selects 'C', append the content directly to the document using the structure from step 6. - -## SUCCESS METRICS: - -✅ Critical user journeys identified and designed -✅ Detailed flow diagrams created for each journey -✅ Flows optimized for efficiency and user delight -✅ Common journey patterns extracted and documented -✅ A/P/C menu presented and handled correctly -✅ Content properly appended to document when C selected - -## FAILURE MODES: - -❌ Not identifying all critical user journeys -❌ Flows too complex or not optimized for user success -❌ Missing error recovery paths -❌ Not extracting reusable patterns across journeys -❌ Flow diagrams unclear or incomplete -❌ Not presenting A/P/C menu after content generation -❌ Appending content without user selecting 'C' - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## NEXT STEP: - -After user selects 'C' and content is saved to document, load `./step-11-component-strategy.md` to define component library strategy. - -Remember: Do NOT proceed to step-11 until user explicitly selects 'C' from the A/P/C menu and content is saved! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-11-component-strategy.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-11-component-strategy.md deleted file mode 100644 index 76926564a..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-11-component-strategy.md +++ /dev/null @@ -1,249 +0,0 @@ -# Step 11: Component Strategy - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on defining component library strategy and custom components -- 🎯 COLLABORATIVE component planning, not assumption-based design -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` -- ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- ⚠️ Present A/P/C menu after generating component strategy content -- 💾 ONLY save when user chooses C (Continue) -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted. -- 🚫 FORBIDDEN to load next step until C is selected - -## COLLABORATION MENUS (A/P/C): - -This step will generate content and present choices: - -- **A (Advanced Elicitation)**: Use discovery protocols to develop deeper component insights -- **P (Party Mode)**: Bring multiple perspectives to define component strategy -- **C (Continue)**: Save the content to the document and proceed to next step - -## PROTOCOL INTEGRATION: - -- When 'A' selected: Invoke the `bmad-advanced-elicitation` skill -- When 'P' selected: Invoke the `bmad-party-mode` skill -- PROTOCOLS always return to this step's A/P/C menu -- User accepts/rejects protocol changes before proceeding - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter from previous steps are available -- Design system choice from step 6 determines available components -- User journeys from step 10 identify component needs -- Focus on defining custom components and implementation strategy - -## YOUR TASK: - -Define component library strategy and design custom components not covered by the design system. - -## COMPONENT STRATEGY SEQUENCE: - -### 1. Analyze Design System Coverage - -Review what components are available vs. needed: -"Based on our chosen design system [design system from step 6], let's identify what components are already available and what we need to create custom. - -**Available from Design System:** -[List of components available in chosen design system] - -**Components Needed for {{project_name}}:** -Looking at our user journeys and design direction, we need: - -- [Component need 1 from journey analysis] -- [Component need 2 from design requirements] -- [Component need 3 from core experience] - -**Gap Analysis:** - -- [Gap 1 - needed but not available] -- [Gap 2 - needed but not available]" - -### 2. Design Custom Components - -For each custom component needed, design thoroughly: - -**For each custom component:** -"**[Component Name] Design:** - -**Purpose:** What does this component do for users? -**Content:** What information or data does it display? -**Actions:** What can users do with this component? -**States:** What different states does it have? (default, hover, active, disabled, error, etc.) -**Variants:** Are there different sizes or styles needed? -**Accessibility:** What ARIA labels and keyboard support needed? - -Let's walk through each custom component systematically." - -### 3. Document Component Specifications - -Create detailed specifications for each component: - -**Component Specification Template:** - -```markdown -### [Component Name] - -**Purpose:** [Clear purpose statement] -**Usage:** [When and how to use] -**Anatomy:** [Visual breakdown of parts] -**States:** [All possible states with descriptions] -**Variants:** [Different sizes/styles if applicable] -**Accessibility:** [ARIA labels, keyboard navigation] -**Content Guidelines:** [What content works best] -**Interaction Behavior:** [How users interact] -``` - -### 4. Define Component Strategy - -Establish overall component library approach: -"**Component Strategy:** - -**Foundation Components:** (from design system) - -- [Foundation component 1] -- [Foundation component 2] - -**Custom Components:** (designed in this step) - -- [Custom component 1 with rationale] -- [Custom component 2 with rationale] - -**Implementation Approach:** - -- Build custom components using design system tokens -- Ensure consistency with established patterns -- Follow accessibility best practices -- Create reusable patterns for common use cases" - -### 5. Plan Implementation Roadmap - -Define how and when to build components: -"**Implementation Roadmap:** - -**Phase 1 - Core Components:** - -- [Component 1] - needed for [critical flow] -- [Component 2] - needed for [critical flow] - -**Phase 2 - Supporting Components:** - -- [Component 3] - enhances [user experience] -- [Component 4] - supports [design pattern] - -**Phase 3 - Enhancement Components:** - -- [Component 5] - optimizes [user journey] -- [Component 6] - adds [special feature] - -This roadmap helps prioritize development based on user journey criticality." - -### 6. Generate Component Strategy Content - -Prepare the content to append to the document: - -#### Content Structure: - -When saving to document, append these Level 2 and Level 3 sections: - -```markdown -## Component Strategy - -### Design System Components - -[Analysis of available design system components based on conversation] - -### Custom Components - -[Custom component specifications based on conversation] - -### Component Implementation Strategy - -[Component implementation strategy based on conversation] - -### Implementation Roadmap - -[Implementation roadmap based on conversation] -``` - -### 7. Present Content and Menu - -Show the generated component strategy content and present choices: -"I've defined the component strategy for {{project_name}}. This balances using proven design system components with custom components for your unique needs. - -**Here's what I'll add to the document:** - -[Show the complete markdown content from step 6] - -**What would you like to do?** -[A] Advanced Elicitation - Let's refine our component strategy -[P] Party Mode - Bring technical perspectives on component design -[C] Continue - Save this to the document and move to UX patterns - -### 8. Handle Menu Selection - -#### If 'A' (Advanced Elicitation): - -- Invoke the `bmad-advanced-elicitation` skill with the current component strategy content -- Process the enhanced component insights that come back -- Ask user: "Accept these improvements to the component strategy? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'P' (Party Mode): - -- Invoke the `bmad-party-mode` skill with the current component strategy -- Process the collaborative component insights that come back -- Ask user: "Accept these changes to the component strategy? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'C' (Continue): - -- Append the final content to `{planning_artifacts}/ux-design-specification.md` -- Update frontmatter: append step to end of stepsCompleted array -- Load `./step-12-ux-patterns.md` - -## APPEND TO DOCUMENT: - -When user selects 'C', append the content directly to the document using the structure from step 6. - -## SUCCESS METRICS: - -✅ Design system coverage properly analyzed -✅ All custom components thoroughly specified -✅ Component strategy clearly defined -✅ Implementation roadmap prioritized by user need -✅ Accessibility considered for all components -✅ A/P/C menu presented and handled correctly -✅ Content properly appended to document when C selected - -## FAILURE MODES: - -❌ Not analyzing design system coverage properly -❌ Custom components not thoroughly specified -❌ Missing accessibility considerations -❌ Component strategy not aligned with user journeys -❌ Implementation roadmap not prioritized effectively -❌ Not presenting A/P/C menu after content generation -❌ Appending content without user selecting 'C' - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## NEXT STEP: - -After user selects 'C' and content is saved to document, load `./step-12-ux-patterns.md` to define UX consistency patterns. - -Remember: Do NOT proceed to step-12 until user explicitly selects 'C' from the A/P/C menu and content is saved! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-12-ux-patterns.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-12-ux-patterns.md deleted file mode 100644 index 08b78d29a..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-12-ux-patterns.md +++ /dev/null @@ -1,238 +0,0 @@ -# Step 12: UX Consistency Patterns - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on establishing consistency patterns for common UX situations -- 🎯 COLLABORATIVE pattern definition, not assumption-based design -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` -- ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- ⚠️ Present A/P/C menu after generating UX patterns content -- 💾 ONLY save when user chooses C (Continue) -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted. -- 🚫 FORBIDDEN to load next step until C is selected - -## COLLABORATION MENUS (A/P/C): - -This step will generate content and present choices: - -- **A (Advanced Elicitation)**: Use discovery protocols to develop deeper pattern insights -- **P (Party Mode)**: Bring multiple perspectives to define UX patterns -- **C (Continue)**: Save the content to the document and proceed to next step - -## PROTOCOL INTEGRATION: - -- When 'A' selected: Invoke the `bmad-advanced-elicitation` skill -- When 'P' selected: Invoke the `bmad-party-mode` skill -- PROTOCOLS always return to this step's A/P/C menu -- User accepts/rejects protocol changes before proceeding - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter from previous steps are available -- Component strategy from step 11 informs pattern decisions -- User journeys from step 10 identify common pattern needs -- Focus on consistency patterns for common UX situations - -## YOUR TASK: - -Establish UX consistency patterns for common situations like buttons, forms, navigation, and feedback. - -## UX PATTERNS SEQUENCE: - -### 1. Identify Pattern Categories - -Determine which patterns need definition for your product: -"Let's establish consistency patterns for how {{project_name}} behaves in common situations. - -**Pattern Categories to Define:** - -- Button hierarchy and actions -- Feedback patterns (success, error, warning, info) -- Form patterns and validation -- Navigation patterns -- Modal and overlay patterns -- Empty states and loading states -- Search and filtering patterns - -Which categories are most critical for your product? We can go through each thoroughly or focus on the most important ones." - -### 2. Define Critical Patterns First - -Focus on patterns most relevant to your product: - -**For [Critical Pattern Category]:** -"**[Pattern Type] Patterns:** -What should users see/do when they need to [pattern action]? - -**Considerations:** - -- Visual hierarchy (primary vs. secondary actions) -- Feedback mechanisms -- Error recovery -- Accessibility requirements -- Mobile vs. desktop considerations - -**Examples:** - -- [Example 1 for this pattern type] -- [Example 2 for this pattern type] - -How should {{project_name}} handle [pattern type] interactions?" - -### 3. Establish Pattern Guidelines - -Document specific design decisions: - -**Pattern Guidelines Template:** - -```markdown -### [Pattern Type] - -**When to Use:** [Clear usage guidelines] -**Visual Design:** [How it should look] -**Behavior:** [How it should interact] -**Accessibility:** [A11y requirements] -**Mobile Considerations:** [Mobile-specific needs] -**Variants:** [Different states or styles if applicable] -``` - -### 4. Design System Integration - -Ensure patterns work with chosen design system: -"**Integration with [Design System]:** - -- How do these patterns complement our design system components? -- What customizations are needed? -- How do we maintain consistency while meeting unique needs? - -**Custom Pattern Rules:** - -- [Custom rule 1] -- [Custom rule 2] -- [Custom rule 3]" - -### 5. Create Pattern Documentation - -Generate comprehensive pattern library: - -**Pattern Library Structure:** - -- Clear usage guidelines for each pattern -- Visual examples and specifications -- Implementation notes for developers -- Accessibility checklists -- Mobile-first considerations - -### 6. Generate UX Patterns Content - -Prepare the content to append to the document: - -#### Content Structure: - -When saving to document, append these Level 2 and Level 3 sections: - -```markdown -## UX Consistency Patterns - -### Button Hierarchy - -[Button hierarchy patterns based on conversation] - -### Feedback Patterns - -[Feedback patterns based on conversation] - -### Form Patterns - -[Form patterns based on conversation] - -### Navigation Patterns - -[Navigation patterns based on conversation] - -### Additional Patterns - -[Additional patterns based on conversation] -``` - -### 7. Present Content and Menu - -Show the generated UX patterns content and present choices: -"I've established UX consistency patterns for {{project_name}}. These patterns ensure users have a consistent, predictable experience across all interactions. - -**Here's what I'll add to the document:** - -[Show the complete markdown content from step 6] - -**What would you like to do?** -[A] Advanced Elicitation - Let's refine our UX patterns -[P] Party Mode - Bring different perspectives on consistency patterns -[C] Continue - Save this to the document and move to responsive design - -### 8. Handle Menu Selection - -#### If 'A' (Advanced Elicitation): - -- Invoke the `bmad-advanced-elicitation` skill with the current UX patterns content -- Process the enhanced pattern insights that come back -- Ask user: "Accept these improvements to the UX patterns? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'P' (Party Mode): - -- Invoke the `bmad-party-mode` skill with the current UX patterns -- Process the collaborative pattern insights that come back -- Ask user: "Accept these changes to the UX patterns? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'C' (Continue): - -- Append the final content to `{planning_artifacts}/ux-design-specification.md` -- Update frontmatter: append step to end of stepsCompleted array -- Load `./step-13-responsive-accessibility.md` - -## APPEND TO DOCUMENT: - -When user selects 'C', append the content directly to the document using the structure from step 6. - -## SUCCESS METRICS: - -✅ Critical pattern categories identified and prioritized -✅ Consistency patterns clearly defined and documented -✅ Patterns integrated with chosen design system -✅ Accessibility considerations included for all patterns -✅ Mobile-first approach incorporated -✅ A/P/C menu presented and handled correctly -✅ Content properly appended to document when C selected - -## FAILURE MODES: - -❌ Not identifying the most critical pattern categories -❌ Patterns too generic or not actionable -❌ Missing accessibility considerations -❌ Patterns not aligned with design system -❌ Not considering mobile differences -❌ Not presenting A/P/C menu after content generation -❌ Appending content without user selecting 'C' - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## NEXT STEP: - -After user selects 'C' and content is saved to document, load `./step-13-responsive-accessibility.md` to define responsive design and accessibility strategy. - -Remember: Do NOT proceed to step-13 until user explicitly selects 'C' from the A/P/C menu and content is saved! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-13-responsive-accessibility.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-13-responsive-accessibility.md deleted file mode 100644 index 612faa2ea..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-13-responsive-accessibility.md +++ /dev/null @@ -1,265 +0,0 @@ -# Step 13: Responsive Design & Accessibility - -## MANDATORY EXECUTION RULES (READ FIRST): - -- 🛑 NEVER generate content without user input - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder -- 📋 YOU ARE A UX FACILITATOR, not a content generator -- 💬 FOCUS on responsive design strategy and accessibility compliance -- 🎯 COLLABORATIVE strategy definition, not assumption-based design -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` -- ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- ⚠️ Present A/P/C menu after generating responsive/accessibility content -- 💾 ONLY save when user chooses C (Continue) -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted. -- 🚫 FORBIDDEN to load next step until C is selected - -## COLLABORATION MENUS (A/P/C): - -This step will generate content and present choices: - -- **A (Advanced Elicitation)**: Use discovery protocols to develop deeper responsive/accessibility insights -- **P (Party Mode)**: Bring multiple perspectives to define responsive/accessibility strategy -- **C (Continue)**: Save the content to the document and proceed to final step - -## PROTOCOL INTEGRATION: - -- When 'A' selected: Invoke the `bmad-advanced-elicitation` skill -- When 'P' selected: Invoke the `bmad-party-mode` skill -- PROTOCOLS always return to this step's A/P/C menu -- User accepts/rejects protocol changes before proceeding - -## CONTEXT BOUNDARIES: - -- Current document and frontmatter from previous steps are available -- Platform requirements from step 3 inform responsive design -- Design direction from step 9 influences responsive layout choices -- Focus on cross-device adaptation and accessibility compliance - -## YOUR TASK: - -Define responsive design strategy and accessibility requirements for the product. - -## RESPONSIVE & ACCESSIBILITY SEQUENCE: - -### 1. Define Responsive Strategy - -Establish how the design adapts across devices: -"Let's define how {{project_name}} adapts across different screen sizes and devices. - -**Responsive Design Questions:** - -**Desktop Strategy:** - -- How should we use extra screen real estate? -- Multi-column layouts, side navigation, or content density? -- What desktop-specific features can we include? - -**Tablet Strategy:** - -- Should we use simplified layouts or touch-optimized interfaces? -- How do gestures and touch interactions work on tablets? -- What's the optimal information density for tablet screens? - -**Mobile Strategy:** - -- Bottom navigation or hamburger menu? -- How do layouts collapse on small screens? -- What's the most critical information to show mobile-first?" - -### 2. Establish Breakpoint Strategy - -Define when and how layouts change: -"**Breakpoint Strategy:** -We need to define screen size breakpoints where layouts adapt. - -**Common Breakpoints:** - -- Mobile: 320px - 767px -- Tablet: 768px - 1023px -- Desktop: 1024px+ - -**For {{project_name}}, should we:** - -- Use standard breakpoints or custom ones? -- Focus on mobile-first or desktop-first design? -- Have specific breakpoints for your key use cases?" - -### 3. Design Accessibility Strategy - -Define accessibility requirements and compliance level: -"**Accessibility Strategy:** -What level of WCAG compliance does {{project_name}} need? - -**WCAG Levels:** - -- **Level A (Basic)** - Essential accessibility for legal compliance -- **Level AA (Recommended)** - Industry standard for good UX -- **Level AAA (Highest)** - Exceptional accessibility (rarely needed) - -**Based on your product:** - -- [Recommendation based on user base, legal requirements, etc.] - -**Key Accessibility Considerations:** - -- Color contrast ratios (4.5:1 for normal text) -- Keyboard navigation support -- Screen reader compatibility -- Touch target sizes (minimum 44x44px) -- Focus indicators and skip links" - -### 4. Define Testing Strategy - -Plan how to ensure responsive design and accessibility: -"**Testing Strategy:** - -**Responsive Testing:** - -- Device testing on actual phones/tablets -- Browser testing across Chrome, Firefox, Safari, Edge -- Real device network performance testing - -**Accessibility Testing:** - -- Automated accessibility testing tools -- Screen reader testing (VoiceOver, NVDA, JAWS) -- Keyboard-only navigation testing -- Color blindness simulation testing - -**User Testing:** - -- Include users with disabilities in testing -- Test with diverse assistive technologies -- Validate with actual target devices" - -### 5. Document Implementation Guidelines - -Create specific guidelines for developers: -"**Implementation Guidelines:** - -**Responsive Development:** - -- Use relative units (rem, %, vw, vh) over fixed pixels -- Implement mobile-first media queries -- Test touch targets and gesture areas -- Optimize images and assets for different devices - -**Accessibility Development:** - -- Semantic HTML structure -- ARIA labels and roles -- Keyboard navigation implementation -- Focus management and skip links -- High contrast mode support" - -### 6. Generate Responsive & Accessibility Content - -Prepare the content to append to the document: - -#### Content Structure: - -When saving to document, append these Level 2 and Level 3 sections: - -```markdown -## Responsive Design & Accessibility - -### Responsive Strategy - -[Responsive strategy based on conversation] - -### Breakpoint Strategy - -[Breakpoint strategy based on conversation] - -### Accessibility Strategy - -[Accessibility strategy based on conversation] - -### Testing Strategy - -[Testing strategy based on conversation] - -### Implementation Guidelines - -[Implementation guidelines based on conversation] -``` - -### 7. Present Content and Menu - -Show the generated responsive and accessibility content and present choices: -"I've defined the responsive design and accessibility strategy for {{project_name}}. This ensures your product works beautifully across all devices and is accessible to all users. - -**Here's what I'll add to the document:** - -[Show the complete markdown content from step 6] - -**What would you like to do?** -[A] Advanced Elicitation - Let's refine our responsive/accessibility strategy -[P] Party Mode - Bring different perspectives on inclusive design -[C] Continue - Save this to the document and complete the workflow - -### 8. Handle Menu Selection - -#### If 'A' (Advanced Elicitation): - -- Invoke the `bmad-advanced-elicitation` skill with the current responsive/accessibility content -- Process the enhanced insights that come back -- Ask user: "Accept these improvements to the responsive/accessibility strategy? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'P' (Party Mode): - -- Invoke the `bmad-party-mode` skill with the current responsive/accessibility strategy -- Process the collaborative insights that come back -- Ask user: "Accept these changes to the responsive/accessibility strategy? (y/n)" -- If yes: Update content with improvements, then return to A/P/C menu -- If no: Keep original content, then return to A/P/C menu - -#### If 'C' (Continue): - -- Append the final content to `{planning_artifacts}/ux-design-specification.md` -- Update frontmatter: append step to end of stepsCompleted array -- Load `./step-14-complete.md` - -## APPEND TO DOCUMENT: - -When user selects 'C', append the content directly to the document using the structure from step 6. - -## SUCCESS METRICS: - -✅ Responsive strategy clearly defined for all device types -✅ Appropriate breakpoint strategy established -✅ Accessibility requirements determined and documented -✅ Comprehensive testing strategy planned -✅ Implementation guidelines provided for Developer agent -✅ A/P/C menu presented and handled correctly -✅ Content properly appended to document when C selected - -## FAILURE MODES: - -❌ Not considering all device types and screen sizes -❌ Accessibility requirements not properly researched -❌ Testing strategy not comprehensive enough -❌ Implementation guidelines too generic or unclear -❌ Not addressing specific accessibility challenges for your product -❌ Not presenting A/P/C menu after content generation -❌ Appending content without user selecting 'C' - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## NEXT STEP: - -After user selects 'C' and content is saved to document, load `./step-14-complete.md` to finalize the UX design workflow. - -Remember: Do NOT proceed to step-14 until user explicitly selects 'C' from the A/P/C menu and content is saved! diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-14-complete.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-14-complete.md deleted file mode 100644 index 31edb0284..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/steps/step-14-complete.md +++ /dev/null @@ -1,177 +0,0 @@ -# Step 14: Workflow Completion - -## MANDATORY EXECUTION RULES (READ FIRST): - -- ✅ THIS IS A FINAL STEP - Workflow completion required - -- 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions -- 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding -- 🛑 NO content generation - this is a wrap-up step -- 📋 FINALIZE document and update workflow status -- 💬 FOCUS on completion, validation, and next steps -- 🎯 UPDATE workflow status files with completion information -- ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}` - -## EXECUTION PROTOCOLS: - -- 🎯 Show your analysis before taking any action -- 💾 Update the main workflow status file with completion information -- 📖 Suggest potential next workflow steps for the user -- 🚫 DO NOT load additional steps after this one - -## TERMINATION STEP PROTOCOLS: - -- This is a FINAL step - workflow completion required -- 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted to indicate all is finished.. -- Output completion summary and next step guidance -- Update the main workflow status file with finalized document -- Suggest potential next workflow steps for the user -- Mark workflow as complete in status tracking - -## CONTEXT BOUNDARIES: - -- Complete UX design specification is available from all previous steps -- Workflow frontmatter shows all completed steps -- All collaborative content has been generated and saved -- Focus on completion, validation, and next steps - -## YOUR TASK: - -Complete the UX design workflow, update status files, and suggest next steps for the project. - -## WORKFLOW COMPLETION SEQUENCE: - -### 1. Announce Workflow Completion - -Inform user that the UX design is complete: -"🎉 **UX Design Complete, {{user_name}}!** - -I've successfully collaborated with you to create a comprehensive UX design specification for {{project_name}}. - -**What we've accomplished:** - -- ✅ Project understanding and user insights -- ✅ Core experience and emotional response definition -- ✅ UX pattern analysis and inspiration -- ✅ Design system choice and implementation strategy -- ✅ Core interaction definition and experience mechanics -- ✅ Visual design foundation (colors, typography, spacing) -- ✅ Design direction mockups and visual explorations -- ✅ User journey flows and interaction design -- ✅ Component strategy and custom component specifications -- ✅ UX consistency patterns for common interactions -- ✅ Responsive design and accessibility strategy - -**The complete UX design specification is now available at:** `{planning_artifacts}/ux-design-specification.md` - -**Supporting Visual Assets:** - -- Color themes visualizer: `{planning_artifacts}/ux-color-themes.html` -- Design directions mockups: `{planning_artifacts}/ux-design-directions.html` - -This specification is now ready to guide visual design, implementation, and development." - -### 2. Workflow Status Update - -Update the main workflow status file: - -- Load the project's workflow status file (if one exists) -- Update workflow_status["create-ux-design"] = `{planning_artifacts}/ux-design-specification.md` -- Save file, preserving all comments and structure -- Mark current timestamp as completion time - -### 3. Suggest Next Steps - -UX Design complete. Invoke the `bmad-help` skill. - -### 5. Final Completion Confirmation - -Congratulate the user on the completion you both completed together of the UX. - - - -## SUCCESS METRICS: - -✅ UX design specification contains all required sections -✅ All collaborative content properly saved to document -✅ Workflow status file updated with completion information -✅ Clear next step guidance provided to user -✅ Document quality validation completed -✅ User acknowledges completion and understands next options - -## FAILURE MODES: - -❌ Not updating workflow status file with completion information -❌ Missing clear next step guidance for user -❌ Not confirming document completeness with user -❌ Workflow not properly marked as complete in status tracking -❌ User unclear about what happens next - -❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions -❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file -❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols - -## WORKFLOW COMPLETION CHECKLIST: - -### Design Specification Complete: - -- [ ] Executive summary and project understanding -- [ ] Core experience and emotional response definition -- [ ] UX pattern analysis and inspiration -- [ ] Design system choice and strategy -- [ ] Core interaction mechanics definition -- [ ] Visual design foundation (colors, typography, spacing) -- [ ] Design direction decisions and mockups -- [ ] User journey flows and interaction design -- [ ] Component strategy and specifications -- [ ] UX consistency patterns documentation -- [ ] Responsive design and accessibility strategy - -### Process Complete: - -- [ ] All steps completed with user confirmation -- [ ] All content saved to specification document -- [ ] Frontmatter properly updated with all steps -- [ ] Workflow status file updated with completion -- [ ] Next steps clearly communicated - -## NEXT STEPS GUIDANCE: - -**Immediate Options:** - -1. **Wireframe Generation** - Create low-fidelity layouts based on UX spec -2. **Interactive Prototype** - Build clickable prototypes for testing -3. **Solution Architecture** - Technical design with UX context -4. **Figma Visual Design** - High-fidelity UI implementation -5. **Epic Creation** - Break down UX requirements for development - -**Recommended Sequence:** -For design-focused teams: Wireframes → Prototypes → Figma Design → Development -For technical teams: Architecture → Epic Creation → Development - -Consider team capacity, timeline, and whether user validation is needed before implementation. - -## WORKFLOW FINALIZATION: - -- Set `lastStep = 14` in document frontmatter -- Update workflow status file with completion timestamp -- Provide completion summary to user -- Do NOT load any additional steps - -## FINAL REMINDER: - -This UX design workflow is now complete. The specification serves as the foundation for all visual and development work. All design decisions, patterns, and requirements are documented to ensure consistent, accessible, and user-centered implementation. - -**Congratulations on completing the UX Design Specification for {{project_name}}!** 🎉 - -**Core Deliverables:** - -- ✅ UX Design Specification: `{planning_artifacts}/ux-design-specification.md` -- ✅ Color Themes Visualizer: `{planning_artifacts}/ux-color-themes.html` -- ✅ Design Directions: `{planning_artifacts}/ux-design-directions.html` - -## On Complete - -Run: `python3 {project-root}/_bmad/scripts/resolve_customization.py --skill {skill-root} --key workflow.on_complete` - -If the resolved `workflow.on_complete` is non-empty, follow it as the final terminal instruction before exiting. diff --git a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/ux-design-template.md b/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/ux-design-template.md deleted file mode 100644 index aeed9dc54..000000000 --- a/src/bmm-skills/2-plan-workflows/bmad-create-ux-design/ux-design-template.md +++ /dev/null @@ -1,13 +0,0 @@ ---- -stepsCompleted: [] -inputDocuments: [] ---- - -# UX Design Specification {{project_name}} - -**Author:** {{user_name}} -**Date:** {{date}} - ---- - - diff --git a/src/bmm-skills/2-plan-workflows/bmad-prd/SKILL.md b/src/bmm-skills/2-plan-workflows/bmad-prd/SKILL.md index 310b59be0..2f29da936 100644 --- a/src/bmm-skills/2-plan-workflows/bmad-prd/SKILL.md +++ b/src/bmm-skills/2-plan-workflows/bmad-prd/SKILL.md @@ -45,13 +45,15 @@ Order: **Brain dump → Stakes calibration → Working mode → mode-scoped work **Working mode.** Offer the choice in the user's language: - **Fast path** — I batch remaining gaps into one or two consolidated questions, then draft the full PRD with `[ASSUMPTION]` tags where I inferred. You review and we iterate. The initial quality depends on how much you gave me upfront. -- **Coaching path** — we walk PM-thinking sections together. Once chosen, I ask which entry point fits: **Vision + Features** (capability-first — for enterprise, dev products, internal tools, anyone who thinks in features), **Personas + Journeys** (user-first — for consumer, UX-heavy, multi-stakeholder products), or *let me suggest* based on what I heard. The chosen entry sets the section order. +- **Coaching path** — we walk PM-thinking sections together. Once chosen, I ask which entry point fits: **Vision + Features** (capability-first — for enterprise, dev products, internal tools, anyone who thinks in features), **Journey-led** (user-first — for consumer, UX-heavy, multi-stakeholder products; journeys with named protagonists carry persona context inline, no standalone persona section), or *let me suggest* based on what I heard. The chosen entry sets the section order. The workspace persists; stop and resume freely. **Concern scan.** As you read what the user gave you, name the concerns this product actually carries — compliance, integration density, operational SLAs, hardware constraints, public-API contracts, monetization, data governance, whatever applies. The list is open; recognize what's there, do not classify into a fixed shape. These concerns drive which template sections to pull in from the Adapt-In Menu and which to invent when no cluster names them. -**User Journeys are captured, not authored.** When UJs are warranted (consumer / multi-stakeholder B2B / meaningful UX — drop or downscale for internal tooling with a single operator role, regulatory-only updates, hobby/solo, pure technical PRDs), prompt the user to narrate a real session — what the person does, in what order, where it lands — then structure the answer into UJ-N form and confirm. +**Form-factor.** If not stated in sources, probe — mobile / web / desktop / multi-surface / hardware / API. + +**User Journeys are captured, not authored.** When UJs are warranted (consumer / multi-stakeholder B2B / meaningful UX — drop or downscale for internal tooling with a single operator role, regulatory-only updates, hobby/solo, pure technical PRDs), prompt the user to narrate a real session with a named protagonist (Mary, mom of three — not "the user") — what the person does, in what order, where it lands — then structure the answer into UJ-N form and confirm. Persona context lives inline at the moments that matter; no standalone persona section. ## PRD Discipline @@ -83,5 +85,5 @@ Tell the user the sequence in one sentence, then walk it. Polish goes last so it 4. **Triage open items.** All Open Questions, `[ASSUMPTION]` tags, `[NOTE FOR PM]` callouts. Phase-blockers (would make the PRD unsafe for UX/architecture/epics) surfaced one at a time and resolved; non-blockers deferred with owner + revisit condition logged to `.decision-log.md`. If phase-blocker count is high, flag it. 5. **Polish.** Apply `{workflow.doc_standards}` to `prd.md` and `addendum.md` in declared order (structural passes before prose — prose should not polish soon-to-be-cut text). Parallelize across documents, sequential within. 6. **External handoffs.** Execute `{workflow.external_handoffs}`; surface returned URLs/IDs. Skip and flag unavailable tools. -7. **Close.** Set `prd.md` frontmatter `status: final` and `updated` to `{date}` so future invocations distinguish this PRD from in-progress drafts. Record finalization to `.decision-log.md`. Share artifact paths. Common next: `bmad-create-ux-design`, `bmad-create-architecture`, `bmad-create-epics-and-stories`; invoke `bmad-help` for authoritative routing. +7. **Close.** Set `prd.md` frontmatter `status: final` and `updated` to `{date}` so future invocations distinguish this PRD from in-progress drafts. Record finalization to `.decision-log.md`. Share artifact paths. Common next: `bmad-ux`, `bmad-create-architecture`, `bmad-create-epics-and-stories`; invoke `bmad-help` for authoritative routing. 8. Run `{workflow.on_complete}` if non-empty. diff --git a/src/bmm-skills/2-plan-workflows/bmad-prd/assets/prd-template.md b/src/bmm-skills/2-plan-workflows/bmad-prd/assets/prd-template.md index 2d2e265b1..a7a4ad721 100644 --- a/src/bmm-skills/2-plan-workflows/bmad-prd/assets/prd-template.md +++ b/src/bmm-skills/2-plan-workflows/bmad-prd/assets/prd-template.md @@ -20,16 +20,13 @@ updated: {YYYY-MM-DD} ## 2. Target User -### 2.1 Primary Persona -[Vivid but tight. Who they are, how this product fits their context.] +### 2.1 Jobs To Be Done +[Bulleted. Emotional, social, functional, contextual — whichever apply. Even "this is for me as the builder" is a valid framing for a hobby project.] -### 2.2 Jobs To Be Done -[Bulleted. Emotional, social, functional, contextual — whichever apply. Even "this is for me as the builder" is a valid persona for a hobby project.] - -### 2.3 Non-Users (v1) *(add when the audience boundary is non-obvious)* +### 2.2 Non-Users (v1) *(add when the audience boundary is non-obvious)* [Who this is explicitly not for in v1.] -### 2.4 Key User Journeys +### 2.3 Key User Journeys *Named-persona narratives the product enables. Numbered globally as UJ-1 through UJ-N. FRs reference journeys by ID inline ("realizes UJ-3"); SMs may also cross-reference. If a UX doc already exists, mirror its UJ IDs here and point to the source.* **Default shape:** a named scene with entry state, path, climax, and resolution. Each beat forces specificity the team would otherwise leave implicit — auth assumptions, screen order, what tells the user value landed. Read together as a short narrative; the example below shows the form. diff --git a/src/bmm-skills/2-plan-workflows/bmad-prd/assets/prd-validation-checklist.md b/src/bmm-skills/2-plan-workflows/bmad-prd/assets/prd-validation-checklist.md index 616c581d8..f52c43b35 100644 --- a/src/bmm-skills/2-plan-workflows/bmad-prd/assets/prd-validation-checklist.md +++ b/src/bmm-skills/2-plan-workflows/bmad-prd/assets/prd-validation-checklist.md @@ -107,7 +107,7 @@ Look for: - Glossary present; every domain noun used identically across FRs, UJs, SM definitions. - FR / UJ / SM IDs contiguous, unique, and cross-references that resolve. - Each section makes sense pulled out alone — cross-references via Glossary terms, not "see above." -- UJs each name a persona from §2 by exact label; no floating UJs. +- UJs each have a named protagonist; no floating UJs. For standalone PRDs (no downstream), this dimension matters less — say so. @@ -115,14 +115,14 @@ For standalone PRDs (no downstream), this dimension matters less — say so. Has the PRD been forced into a shape that doesn't match the product? -- Consumer product / multi-stakeholder B2B / meaningful UX → UJs and personas are load-bearing. +- Consumer product / multi-stakeholder B2B / meaningful UX → UJs with named protagonists are load-bearing. - Internal tool, single-operator role → capability spec shape; UJs may be overhead; SMs may be operational rather than user-facing. - Regulatory or compliance update → constraint traceability is non-negotiable; UJs may be irrelevant. - Hobby / solo → rigor light, substance bar still applies. - Brownfield → existing-code references must be accurate; new UJs and existing UJs must be distinguished. - Chain-top (feeds UX → architecture → stories) → downstream usability matters more; standalone PRDs can be lighter on traceability. -Flag PRDs that are over-formalized (UJ density for a single-operator tool) or under-formalized (consumer product with no personas or UJs). +Flag PRDs that are over-formalized (UJ density for a single-operator tool) or under-formalized (consumer product with no UJs). ## Mechanical notes @@ -131,5 +131,5 @@ Cover these as a tail section, not a primary dimension. They matter for downstre - Glossary drift (case, plural, synonyms across the PRD). - ID continuity (gaps, duplicates, unresolved cross-references). - Assumptions Index roundtrip (every inline `[ASSUMPTION]` indexed; index entries all appear inline). -- UJ persona linkage (each UJ names a defined persona by exact label). +- UJ protagonist naming (each UJ has a named protagonist carrying context inline). - Required sections present for the agreed stakes and product type. diff --git a/src/bmm-skills/2-plan-workflows/bmad-prd/references/headless.md b/src/bmm-skills/2-plan-workflows/bmad-prd/references/headless.md index 6f89fd2bb..4ea4f24d7 100644 --- a/src/bmm-skills/2-plan-workflows/bmad-prd/references/headless.md +++ b/src/bmm-skills/2-plan-workflows/bmad-prd/references/headless.md @@ -18,11 +18,11 @@ When ambiguous, default to interactive. The caller passes inputs in their first message (free-form structured payload; no fixed schema, but every field below should be present when applicable): - `intent` — `"create"`, `"update"`, or `"validate"`. If absent, infer from the artifact set. -- For **Create**: a brief or product spec the LLM works from (plain text, file path, or URL), plus any persona/scope notes; `doc_workspace` if a specific run folder is required (otherwise the workflow binds the default). +- For **Create**: a brief or product spec the LLM works from (plain text, file path, or URL), plus any user/scope notes; `doc_workspace` if a specific run folder is required (otherwise the workflow binds the default). - For **Update**: the existing `prd.md` path (or a workspace path that contains one), and a change signal (the request: what to change and why). - For **Validate**: the existing `prd.md` path (or workspace path), and optionally a checklist override path. Workspace defaults to the PRD's containing directory. -Anything the caller does not provide is either inferred from inputs/workspace or recorded as `assumptions[]` / `open_questions[]` in the JSON status. Do not invent persona detail, success metrics, or scope decisions to fill gaps — record them. +Anything the caller does not provide is either inferred from inputs/workspace or recorded as `assumptions[]` / `open_questions[]` in the JSON status. Do not invent user detail, success metrics, or scope decisions to fill gaps — record them. ## General diff --git a/src/bmm-skills/2-plan-workflows/bmad-ux/SKILL.md b/src/bmm-skills/2-plan-workflows/bmad-ux/SKILL.md new file mode 100644 index 000000000..37dddbedb --- /dev/null +++ b/src/bmm-skills/2-plan-workflows/bmad-ux/SKILL.md @@ -0,0 +1,87 @@ +--- +name: bmad-ux +description: Plan UX patterns and design specifications. Use when the user says "lets create UX design" or "create UX specifications" or "help me plan the UX" +--- +# BMad UX + +## Overview + +You are a master UX facilitator. **Elicit and capture** the user's vision, never impose yours. Probe like a senior practitioner; never volunteer colors, patterns, or directions. Render options via creative tools when seeing helps; the picks are the user's. + +Produce two peer contracts: **`DESIGN.md`** (visual identity per the [Google Labs spec](https://github.com/google-labs-code/design.md) — owns *how it looks*) and **`EXPERIENCE.md`** (information architecture, behavior, states, interactions, accessibility, journeys — owns *how it works*). EXPERIENCE.md cross-references DESIGN.md tokens by name using `{path.to.token}` syntax. Both spines win on conflict with any mock, wireframe, or import. + +## The DESIGN.md spine + +Per the [Google Labs spec](https://github.com/google-labs-code/design.md). YAML frontmatter tokens (**colors** · **typography** · **rounded** · **spacing** · **components**) + markdown body in canonical order: **Brand & Style** · **Colors** · **Typography** · **Layout & Spacing** · **Elevation & Depth** · **Shapes** · **Components** · **Do's and Don'ts**. Sections omittable; order locked when present. Spec rules: `references/design-md-spec.md`. Shape: read every entry in `{workflow.design_md_examples}`. + +## The EXPERIENCE.md spine + +Always: **Foundation** (form-factor, UI system when present; DESIGN.md is the visual identity reference) · **Information Architecture** · **Voice and Tone** (microcopy — brand voice lives in DESIGN.md.Brand & Style) · **Component Patterns** (behavioral — visual specs live in DESIGN.md.Components) · **State Patterns** · **Interaction Primitives** · **Accessibility Floor** (behavioral — visual contrast lives in DESIGN.md) · **Key Flows** (named-protagonist journeys with a climax beat). + +When triggered: **Inspiration & Anti-patterns** · **Responsive & Platform**. + +Invent sections for product-specific concerns. Shape: read every entry in `{workflow.experience_md_examples}`. + +When Foundation names a UI system (shadcn, MUI, native UIKit, Compose, internal design system), both spines inherit from it; DESIGN.md tokens reference or extend the system's defaults, EXPERIENCE.md specifies only the behavioral delta. + +## Sources + +UX may lead, follow, or stand alone. Inherit `sources:` by reference; the spines hold design and experience decisions, not duplicates of upstream product content. + +## On Activation + +1. Resolve customization: `python3 {project-root}/_bmad/scripts/resolve_customization.py --skill {skill-root} --key workflow`. On failure, read `{skill-root}/customize.toml` directly and use defaults. +2. Run `{workflow.activation_steps_prepend}`. Treat `{workflow.persistent_facts}` as foundational context (entries prefixed `file:` are loaded). `{workflow.external_sources}` is an org-configured registry of internal tools; consult them alongside generic web research on the same triggers, org tools preferred when their directive matches. +3. Load `{project-root}/_bmad/bmm/config.yaml` (+ `config.user.yaml` if present). Resolve `{user_name}`, `{communication_language}`, `{document_output_language}`, `{planning_artifacts}`, `{project_name}`, `{date}`. Missing keys → neutral defaults; never block. +4. If headless, follow `references/headless.md` for the whole run. Otherwise greet the user **by name** using `{user_name}` and **in their language** using `{communication_language}` — and stay in `{communication_language}` for every turn. In the greeting, let the user know `bmad-party-mode` and `bmad-advanced-elicitation` are always available. Then scan for misroute on the first message: PRD → `bmad-prd`; architecture → `bmad-create-architecture`; game UX → BMad GDS; agent/skill → `bmad-workflow-builder`; brief → `bmad-product-brief`. +5. Detect intent: **Create**, **Update**, **Validate**. For Create, before binding a fresh workspace, scan `{workflow.ux_output_path}` for prior in-progress runs (folders matching `{workflow.run_folder_pattern}` whose `DESIGN.md` frontmatter `status` is not `final`) and offer to resume rather than starting over. +6. Run `{workflow.activation_steps_append}`. + +## Modes + +**Create.** Bind `{doc_workspace}` to `{workflow.ux_output_path}/{workflow.run_folder_pattern}/`. Create `.working/`, `imports/`, `.decision-log.md`, `DESIGN.md` (frontmatter only), and `EXPERIENCE.md` (frontmatter only). Run Discovery → Finalize. + +**Update.** Read spines + log + sources. Create the log if missing — this update is entry one. Surface conflicts with prior decisions. Run Finalize. + +**Validate.** See `references/validate.md`. + +## Discovery + +**Capture; do not author.** The spines are distilled at Finalize. Decisions → `.decision-log.md` (canonical). Creative-tool artifacts → `.working/`. User-supplied visuals (Figma, sketches, brand decks, image folders) → `imports/`, one log line per item. Spines win on conflict. + +**Source scan.** Glob `{planning_artifacts}/` for candidate input paths; surface paths only — never read content in the parent. User confirms which apply or adds others; subagent-extracts on confirm. + +Brain dump first — even when the user opens with paragraphs (that's intake). Subagent-extract big docs. One "anything else?" probe. Stakes: hobby / internal / consumer / regulated. + +Working mode: + +- **Fast path** — batch gaps, draft both spines with `[ASSUMPTION]` tags, skip creative tools. +- **Coaching path** — walk decisions; creative tools woven in. +- **Design handoff** — assemble captured Discovery into a producer-shaped prompt; user runs the external tool and saves outputs to `{doc_workspace}` in whatever format the tool emits. Producer registry: `{workflow.design_handoffs}` (default: Google Stitch). EXPERIENCE.md can follow via Update mode when ready. + +Creative tools — scan `{workflow.creative_tools}`, invoke when seeing helps. Defaults: HTML color themes, design directions, Excalidraw wireframes; key-screen HTML mocks at Finalize. See `references/creative-tools.md`. Research subagents on demand; consult `{workflow.external_sources}` when entries match. + +Concern scan — name what the UX carries: accessibility, platforms, brand, regulated language, motion, i18n, dark mode, offline, content density, input modalities, notifications. Open list; drives invented sections. + +Journeys: user narrates a real session with a named protagonist (Mary, mom of three, kids asleep — not "the user"); structure into numbered steps with a climax beat. Mirror source-spec names verbatim when defined. + +Form-factor: mobile / web / desktop / multi-surface must resolve before IA closes. Named-protagonist journeys often derive it (Pary on iPad implies an iPad surface; Skeeter on Android adds a multi-surface need); when journeys don't disambiguate, probe. + +Surface closure: stated needs become screens through journeys. IA closes when every stated need has a surface that delivers it, and every surface has a journey that lands there. When closure fails, probe — never invent the missing piece. + +## Reviewer Gate + +Used by Validate and Finalize. **Opt-in, lens-selectable** — reviewers are costly (parallel subagents, substantial token spend). At **Finalize**, first ask whether to run validation at all; default offered, easy skip. At **Validate** intent the user already opted in — skip that question. In both cases, present the lens menu and let the user pick all / a subset / none. Menu: rubric walker (`references/validate.md`) + `{workflow.finalize_reviewers}` + ad-hoc (accessibility for consumer / regulated; others by stakes and content). Picked lenses dispatch as parallel subagents → each writes `review-{slug}.md`, returns a compact summary. If any lens ran, run the synthesis pipeline in `references/validate.md`. + +## Finalize + +Outcomes, in order: + +- **Spines distilled.** Subagent reads `.decision-log.md`, `.working/`, `imports/`, sources; produces `DESIGN.md` against `## The DESIGN.md spine` + `{workflow.design_md_examples}` and `EXPERIENCE.md` against `## The EXPERIENCE.md spine` + `{workflow.experience_md_examples}`. Runs the rubric walker's Pass 1 coverage checks proactively (see `references/validate.md`). Surface gaps; never invent. +- **Inputs reconciled.** Subagent per user-supplied input → `reconcile-{slug}.md`. Surface dropped qualitative ideas. +- **Reviewer Gate offered.** Ask whether to run validation; if yes, present the lens menu (see `## Reviewer Gate`) and let the user pick. If any lens ran, resolve findings before polish; otherwise proceed. +- **Open items triaged.** Open Questions, `[ASSUMPTION]`, `[NOTE FOR UX]`. Phase-blockers one at a time; non-blockers → log. +- **Key-screen mocks rendered.** Key-screens tool → `.working/` for surfaces where layout drives behavior or anchors visual language. +- **Mock coverage confirmed.** Walk every IA surface; classify *mocked* vs *spine-only*. Ask: *"These will be built from spine tables alone — any need a visual reference?"* Render more if named; log spine-only choices. +- **Layout extracted, artifacts promoted.** Distill subagent re-reads each `.working/` and `imports/` artifact; lifts visual decisions into DESIGN.md and behavioral decisions into EXPERIENCE.md. Promote `.working/` keepers to `mockups/` (HTML) or `wireframes/` (Excalidraw); imports stay. Inline relative links at relevant spine sections; state spines-win-on-conflict once. +- **Polished, handed off, closed.** Apply `{workflow.doc_standards}` in order. Execute `{workflow.external_handoffs}`; surface URLs. Set both files' `status: final`, `updated: {date}`. Log finalization. Share paths. Common next: `bmad-create-architecture`, `bmad-create-epics-and-stories`, `bmad-dev-story`. Run `{workflow.on_complete}`. diff --git a/src/bmm-skills/2-plan-workflows/bmad-ux/assets/color-themes.md b/src/bmm-skills/2-plan-workflows/bmad-ux/assets/color-themes.md new file mode 100644 index 000000000..31169edc3 --- /dev/null +++ b/src/bmm-skills/2-plan-workflows/bmad-ux/assets/color-themes.md @@ -0,0 +1,9 @@ +# Color Themes Renderer + +Subagent prompt. Produce one self-contained HTML page at the supplied `.working/color-themes-{n}.html` path showing 4-6 distinct theme variations side by side so the user can pick. + +Each variation: header (name + one-line emotional register), token chips for every semantic role decided so far, and one realistic UI snippet using the palette (content drawn from the conversation, not lorem). Include light and dark side-by-side when both modes are in scope. Avoid near-identical pastels — variations must differ in register, not just hue. + +Inline CSS only, system font stack, no JS, no network. Document concrete hex values in ` + + +
+ + +
+
+

TEMPLATE_UX_SPEC_NAME — UX Design Validation Report

+
TEMPLATE_UX_SPEC_PATH
+
+
+ + +
+

TEMPLATE_SYNTHESIS_PARAGRAPH

+
+ + +
+
+
TEMPLATE_CATEGORY_NAME
+
TEMPLATE_VERDICT_TEXT
+
+ +
+ + +
+
+ +

TEMPLATE_CATEGORY_NAME

+ TEMPLATE_VERDICT_TEXT + +
+
+

TEMPLATE_DIMENSION_JUDGMENT

+
+
+
+ +
+
+ TEMPLATE_SEVERITY +

TEMPLATE_FINDING_TITLE

+ TEMPLATE_LOCATION +
+
TEMPLATE_FINDING_NOTE
+
Fix: TEMPLATE_SUGGESTED_FIX
+
+
+
+
+ + +
+
+ +

Accessibility review

+ TEMPLATE_REVIEWER_SOURCE_FILE + +
+
+

TEMPLATE_REVIEWER_PREAMBLE

+
+
+
+
+
+ TEMPLATE_SEVERITY +

TEMPLATE_FINDING_TITLE

+ TEMPLATE_LOCATION +
+
TEMPLATE_FINDING_NOTE
+
Fix: TEMPLATE_SUGGESTED_FIX
+
+
+
+
+ + +
+

Mechanical notes

+ +
+ + +
+ + diff --git a/src/bmm-skills/2-plan-workflows/bmad-ux/customize.toml b/src/bmm-skills/2-plan-workflows/bmad-ux/customize.toml new file mode 100644 index 000000000..a6a0fe0f8 --- /dev/null +++ b/src/bmm-skills/2-plan-workflows/bmad-ux/customize.toml @@ -0,0 +1,100 @@ +# DO NOT EDIT -- overwritten on every update. +# +# Workflow customization surface for bmad-ux. +# Overrides: +# {project-root}/_bmad/custom/bmad-ux.toml (team) +# {project-root}/_bmad/custom/bmad-ux.user.toml (personal) +# Merge rules: scalars override, arrays append. + +[workflow] + +# Steps to run before/after standard activation. Append-only. +activation_steps_prepend = [] +activation_steps_append = [] + +# Persistent facts loaded at activation and kept in mind for the run. +# Entries: literal sentence, `skill:NAME`, or `file:PATH` (glob ok). +persistent_facts = [ + "file:{project-root}/**/project-context.md", +] + +# Runs at workflow completion. String or array of instructions. +on_complete = "" + +# Reference DESIGN.md spines the distillation subagent reads to anchor shape +# and editorial richness. Convention-compliant with the Google Labs DESIGN.md +# spec (https://github.com/google-labs-code/design.md). Append entries via +# override TOML to seed an org-specific canonical aesthetic. +# Each entry: `file:PATH` (or bare relative path, resolved skill-relative). +design_md_examples = [ + "assets/design-example-mobile.md", + "assets/design-example-shadcn.md", + "assets/design-example-editorial.md", +] + +# Reference EXPERIENCE.md spines for the behavioral/flow/IA layer. Each entry: +# `file:PATH` (or bare relative path, resolved skill-relative). +experience_md_examples = [ + "assets/experience-example-mobile.md", + "assets/experience-example-shadcn.md", +] + +# Design handoff targets — external tools that can take over the design / +# visual identity work. The user runs the tool externally and saves outputs +# (whatever the tool produces — DESIGN.md, Figma files, React components, +# HTML mocks) to {doc_workspace}. +# Each entry: `tool:NAME: `, `skill:NAME`, or plain-text descriptor. +# Default: Google Stitch (emits DESIGN.md + per-screen HTML). Other producers: +# Vercel v0, Figma, Galileo, Anima, internal generators. +design_handoffs = [ + "Google Stitch (https://stitch.withgoogle.com) — emits DESIGN.md + per-screen HTML. Paste assembled prompt; save outputs to {doc_workspace}.", +] + +# HTML skeleton filled in by the validation synthesis pass. +validation_report_template = "assets/validation-report-template.html" + +# Run folder. DESIGN.md, EXPERIENCE.md, .decision-log.md, .working/ +# (creative-tool artifacts), imports/ (user-supplied screens / brand decks / +# Figma exports / sketches), optional mockups/ and wireframes/ (promoted +# artifacts), optional validation-report.* all land inside +# {ux_output_path}/{run_folder_pattern}/. +ux_output_path = "{planning_artifacts}/ux-designs" +run_folder_pattern = "ux-{project_name}-{date}" + +# Creative tools registry. Collaborative renderers invoked on demand during +# Discovery and at Finalize. Entry forms: `file:PATH`, `skill:NAME`, +# `tool:MCP_TOOL: `, or plain text. Defaults ship for HTML color +# themes, HTML design directions, Excalidraw wireframes (Discovery), and +# 1:1 HTML key-screen mockups (Finalize). Working artifacts land in +# {doc_workspace}/.working/; finalize promotes those with lasting reference +# value to mockups/ or wireframes/. See references/creative-tools.md. +creative_tools = [ + "file:assets/color-themes.md", + "file:assets/design-directions.md", + "file:assets/excalidraw-wireframe.md", + "file:assets/key-screens.md", +] + +# Polish passes applied to DESIGN.md and EXPERIENCE.md at finalize. +# Entries: `skill:NAME`, `file:PATH`, or plain text directive. +# Suggested order: structural → content/voice → prose mechanics. +doc_standards = [ + "skill:bmad-editorial-review-structure", + "skill:bmad-editorial-review-prose", +] + +# Information retrieval registry. Consulted on demand when the conversation +# surfaces a matching need. Distinct from creative_tools (artifact production). +# Example: "When researching component patterns, consult corp:design_system_search." +external_sources = [] + +# Routes outputs beyond local files at Finalize. Returned URLs/IDs surfaced +# to the user. Unavailable tools skipped and flagged. +# Example: "Upload DESIGN.md to Confluence via corp:confluence_upload (space_key='DESIGN')." +external_handoffs = [] + +# Reviewers spawned at Finalize step 4 and at Validate intent, alongside +# the rubric walker. Entries: `skill:NAME`, `file:PATH`, or plain text. +# Common ad-hoc add (judged by the skill): accessibility-focused reviewer +# for consumer / regulated work. +finalize_reviewers = [] diff --git a/src/bmm-skills/2-plan-workflows/bmad-ux/references/creative-tools.md b/src/bmm-skills/2-plan-workflows/bmad-ux/references/creative-tools.md new file mode 100644 index 000000000..f32f16117 --- /dev/null +++ b/src/bmm-skills/2-plan-workflows/bmad-ux/references/creative-tools.md @@ -0,0 +1,19 @@ +# Creative Tools + +`{workflow.creative_tools}` is a registry of collaborative renderers invoked on demand when seeing options helps the user decide. Entries follow the standard prefix convention: `skill:NAME`, `file:PATH`, `tool:MCP_TOOL_NAME: `, or plain-text directive. + +Defaults ship for HTML color themes, HTML design directions, Excalidraw wireframes (Discovery), and 1:1 HTML key-screen mocks (Finalize). Teams append more via override TOML — Figma MCP, custom skills, prompt-based mood boards. + +## When to invoke + +Decision moments where a visual beats more conversation: picking color tokens, picking a visual personality among directions, sketching IA, mocking a tricky flow. Fast-path users typically skip; coaching-path users typically lean in. Read the room. + +## Artifact handling + +Every renderer writes to `{doc_workspace}/.working/` with a descriptive filename. `.working/` is the audit trail and survives the run. At Finalize, the facilitator walks `.working/` with the user and promotes artifacts with lasting reference value to `{doc_workspace}/mockups/` (HTML anchoring a brand or layout decision) or `{doc_workspace}/wireframes/` (Excalidraw a dev would glance at). Bar for promotion: *would a future reader of `DESIGN.md` or `EXPERIENCE.md` open this?* Default is leave-in-`.working/`. + +## Renderer contract + +The parent passes the subagent: current `.decision-log.md`, relevant prior `.working/` captures, the user's stated intent for this pass, the output path. The subagent writes its artifact under `.working/` and returns ONLY a compact summary (file path, one line per variant, mode coverage). Parent never holds the full payload. + +For HTML, open in browser when interactive: `python3 -c "import webbrowser, pathlib; webbrowser.open(pathlib.Path('PATH').resolve().as_uri())"`. Skip in headless. diff --git a/src/bmm-skills/2-plan-workflows/bmad-ux/references/design-md-spec.md b/src/bmm-skills/2-plan-workflows/bmad-ux/references/design-md-spec.md new file mode 100644 index 000000000..f685b2bab --- /dev/null +++ b/src/bmm-skills/2-plan-workflows/bmad-ux/references/design-md-spec.md @@ -0,0 +1,50 @@ +# DESIGN.md Spec — Working Reference + +Source of truth: [google-labs-code/design.md](https://github.com/google-labs-code/design.md) (Apache 2.0, Google Labs, April 2026). This file is a working summary; the URL wins on conflict. + +## Structure + +YAML frontmatter (machine-readable tokens) + markdown body (human-readable rationale, prose sections). + +## Frontmatter tokens + +| Key | Type | Notes | +|---|---|---| +| `name` | string | Required. Brand or system name. | +| `description` | string | One-line statement of what this system is. | +| `colors` | flat object | Kebab-case keys. Values are hex strings (`'#FBF9F4'`). | +| `typography` | nested object | Each value: an object with any subset of `fontFamily`, `fontSize`, `fontWeight`, `lineHeight`, `letterSpacing`. | +| `rounded` | object | Scale names (`sm`, `md`, `lg`, `xl`, `full`, `DEFAULT`) → CSS dimensions. `full` is conventionally `9999px`. | +| `spacing` | object | Scale levels (`'1'`, `'2'`, ...) or named tokens (`gutter`, `margin-mobile`, `editorial-gap`) → dimensions. | +| `components` | object | Component-name → object of component tokens mapped to values or `{path.to.token}` references. | + +## Body sections (omittable, order-locked when present) + +1. **Brand & Style** — Aesthetic posture in prose. The editorial voice — what *kind* of thing this is. +2. **Colors** — Per-color story. Why each exists, where it's used, what it's *not* used for. +3. **Typography** — Type roles, ramp, and rules. Platform conventions noted semantically when inherited. +4. **Layout & Spacing** — Spacing scale narrative, grid behavior, margins, gutters, breakpoint rules. +5. **Elevation & Depth** — Shadow language and tonal layering rules. +6. **Shapes** — Corner radii rules and the aesthetic logic behind them. +7. **Components** — Per-component visual specs: anatomy, color usage, sizing, state appearance. +8. **Do's and Don'ts** — Hard visual rules — what to do, what to avoid. + +Sections may be omitted when not relevant; order is locked when present. + +## Cross-reference syntax + +`{path.to.token}` used in prose and inside component objects to reference frontmatter tokens. Examples: + +- `{colors.primary}` +- `{typography.body.fontSize}` +- `{rounded.md}` +- `{spacing.4}` + +The path follows the YAML structure. + +## Common patterns + +- **Light/dark mode.** Either separate kebab-case tokens (`surface-base` / `surface-base-dark`) or separate DESIGN.md files per mode. The spec allows either; pick the form that reads cleanest for the product. +- **Platform conventions.** When inheriting from native platforms (iOS UIKit, Android Compose, Apple Human Interface Guidelines), use a `note` field instead of literal values: `{ note: 'iOS Title 1 · Android Headline Small' }`. The spec is the spec; the platform owns the rendered values. +- **UI-system inheritance.** When inheriting from shadcn / MUI / Tailwind / internal design system, reference the system's tokens by name rather than restating values. DESIGN.md specifies only the deltas (brand color overrides, typography swaps, component customizations). +- **Component tokens.** The `components` frontmatter entry maps each named component (e.g., `button-primary`) to its specific token values. Use `{path.to.token}` references freely; the resolver flattens at consumption time. diff --git a/src/bmm-skills/2-plan-workflows/bmad-ux/references/headless.md b/src/bmm-skills/2-plan-workflows/bmad-ux/references/headless.md new file mode 100644 index 000000000..bc4b3edde --- /dev/null +++ b/src/bmm-skills/2-plan-workflows/bmad-ux/references/headless.md @@ -0,0 +1,37 @@ +# Headless Mode + +Load this file when invoked headless. Follow it for the whole run. + +## Detection + +Headless when any of: caller sets `headless: true` (or harness equivalent); invocation is from another skill or non-interactive runner; `{workflow.activation_steps_prepend}` declares it; first message is an automation context pre-supplying inputs. Ambiguous → default interactive. + +## Inputs + +Free-form structured payload in the first message: + +- `intent` — `"create"`, `"update"`, or `"validate"`. If absent, infer from the artifact set. +- **Create**: any source spec (PRD, brief, requirements list, design-thinking output, prior UX — text, path, or URL) plus brand / platform / accessibility notes; `doc_workspace` if a specific run folder is required. +- **Update**: existing workspace containing `DESIGN.md` + `EXPERIENCE.md` (or path to either) + change signal. +- **Validate**: existing workspace containing `DESIGN.md` + `EXPERIENCE.md` (or path to either). Workspace defaults to the spines' containing directory. + +Inferences → `assumptions[]`. Gaps needing a human decision → `open_questions[]`. Do not invent persona, brand, accessibility, or scope detail. + +Creative tools default off in headless. Caller can override; artifacts land in `.working/` and are not promoted unless the caller signals. + +## Behavior + +Do not ask. Do not greet. Complete the intent from what's provided, what exists in `{doc_workspace}`, or what you can discover. If intent stays ambiguous after inference, halt with `status: "blocked"` and a one-sentence `reason`. + +`status`: +- `"complete"` — stands on its own. +- `"partial"` — artifact produced but `open_questions[]` non-empty or critical inputs inferred. +- `"blocked"` — no artifact produced. + +End with JSON matching `assets/headless-schemas.md`. `intent` reflects detected intent. Omit keys for artifacts not produced. + +## Mode-specific overrides + +**Update.** Apply the change. Log to `.decision-log.md` with rationale. Surface conflicts in `conflicts_with_prior_decisions[]`. + +**Validate.** Always write both `validation-report.html` and `validation-report.md` regardless of finding count. Always include `"offer_to_update": true`. Skip the browser-open step. diff --git a/src/bmm-skills/2-plan-workflows/bmad-ux/references/validate.md b/src/bmm-skills/2-plan-workflows/bmad-ux/references/validate.md new file mode 100644 index 000000000..48fc230cf --- /dev/null +++ b/src/bmm-skills/2-plan-workflows/bmad-ux/references/validate.md @@ -0,0 +1,115 @@ +# Validate + +Critique an existing spine pair (`DESIGN.md` + `EXPERIENCE.md`) or any format of UX the user provides, without changing it. The synthesis pipeline below is also used at the Reviewer Gate during Create / Update Finalize. + +## Orient + +Subagent-extract from `.decision-log.md`, sources in frontmatter, `imports/`, `mockups/`, `wireframes/`, `DESIGN.md`, `EXPERIENCE.md`. Parent assembles from extracts. + +## Reviewer Gate + +**Opt-in.** Reviewers are costly. At Finalize, ask first if the user wants to run UX validation with multiple subagent lenses. Default offered, easy skip. At Validate intent, skip that question, the user already invoked it. + +**Lens menu.** UNLESS HEADLESS MODE: Always present the lens picks before dispatching. Build the menu from: rubric walker (this file) + `{workflow.finalize_reviewers}` + ad-hoc reviewers the skill judges relevant. The user picks all, a subset, or none. Only picked lenses dispatch. + +Rubric walker prompt: + +> Validate the spine pair (`DESIGN.md` + `EXPERIENCE.md`) as the contract for downstream consumers (architecture, story-dev — human or AI). Can a consumer source-extract cleanly, with every reference resolving and every load-bearing decision committed? Read `{workflow.design_md_examples}` and `{workflow.experience_md_examples}` first. +> +> **Pass 1 — mechanical coverage.** Per category: extract, then list misses with location citations. No misses = **strong**. +> +> 1. **Flow coverage** (EXPERIENCE.md). Sources frontmatter → extract every UJ / requirement name. Verify each has a Key Flow with named protagonist, numbered steps, a climax beat, and a failure path where applicable. +> +> 2. **Token completeness** (DESIGN.md). Extract every token in the YAML frontmatter and every `{path.to.token}` reference in the prose. Verify each defined (see `references/design-md-spec.md` for type rules). **Color tokens missing hex (or light/dark pairs where applicable) are critical** — downstream code mirrors the spine. Platform conventions (native dynamic type, 8pt grid) may stay semantic. Contrast targets stated for load-bearing combinations. +> +> 3. **Component coverage** (both spines). Extract every component name used anywhere. Verify each has a row in DESIGN.md.Components (visual spec) *and* EXPERIENCE.md.Component Patterns (behavioral spec) — real rules, not one-word descriptions. +> +> 4. **State coverage** (EXPERIENCE.md). Walk every IA surface. List states it should have (empty, cold-load, focus, error, offline, permission-denied — whichever apply). Verify each covered. +> +> 5. **Visual reference coverage.** List every file in `mockups/`, `wireframes/`, `imports/`. Spines link to each inline at the relevant section and name what it illustrates; spines-win-on-conflict stated once. List orphans and unspecific references. +> +> **Pass 2 — judgment.** Verdict per category (*strong / adequate / thin / broken*); findings only where they add information. +> +> 6. **Bloat & overspecification.** Pixel specs where tokens cover it; source restatement (personas, FRs, scope); prose where a table works; sections no downstream consumer would read; decorative narrative untied to a decision. DESIGN.md prose may carry editorial voice; EXPERIENCE.md prose should not. +> +> 7. **Inheritance discipline.** `sources` frontmatter resolves. UJ / requirement names verbatim from sources. Glossary identical across spines and sources. Component names identical across all sections in both files. EXPERIENCE.md token references resolve to DESIGN.md tokens by name. +> +> 8. **Shape fit.** DESIGN.md sections in canonical order (Brand & Style → Colors → Typography → Layout & Spacing → Elevation & Depth → Shapes → Components → Do's and Don'ts; omittable but order-locked when present). EXPERIENCE.md required defaults present (Foundation, IA, Voice and Tone, Component Patterns, State Patterns, Interaction Primitives, Accessibility Floor, Key Flows). Dropped defaults defensible. Required-when-applicable present where triggered (Inspiration when sources / log show reference products or rejects; Responsive when multi-surface or breakpoints). Invented sections earn their place. +> +> Severity = downstream impact, not fix difficulty. +> +> Write to `{doc_workspace}/review-rubric.md`: +> +> ```markdown +> # Spine Pair Review — {project_name} +> +> ## Overall verdict +> [2–3 sentences] +> +> ## 1. Flow coverage — [verdict] +> [What was checked.] +> ### Findings +> - **[critical|high|medium|low]** [finding] (location). *Fix:* [suggestion]. +> +> (repeat 2–8) +> +> ## Mechanical notes +> [Name inconsistencies, broken cross-refs, frontmatter completeness, Mermaid syntax.] +> ``` +> +> Return ONLY a compact summary: overall verdict, per-section verdicts, finding counts by severity, file path. + +The gate may dispatch `{workflow.finalize_reviewers}` and ad-hoc reviewers (accessibility for consumer / regulated). Each writes `review-{slug}.md` and returns a compact summary. Parallel. + +## Synthesis pipeline + +Under Validate intent, after every reviewer returns, render one consolidated report. Don't skip. + +1. Read every `{doc_workspace}/review-*.md`. +2. Fill `{workflow.validation_report_template}`. No overall grade — the per-category verdicts and severity counts already say what's true. Synthesis paragraph lifts the rubric's overall verdict; add a second if extra reviewers shift the picture. One section per rubric category (open if thin / broken), one per extra reviewer (closed, adversarial voice preserved). +3. Write `{doc_workspace}/validation-report.html`. +4. Write the Markdown twin `{doc_workspace}/validation-report.md` — same content grouped by severity. +5. Open HTML: `python3 -c "import webbrowser, pathlib; webbrowser.open(pathlib.Path('{doc_workspace}/validation-report.html').resolve().as_uri())"`. Skip headless. + +Re-running overwrites the consolidated report; individual `review-*.md` files persist. + +## Markdown twin shape + +```markdown +# Validation Report — {project_name} + +- **DESIGN.md:** `{design_path}` +- **EXPERIENCE.md:** `{experience_path}` +- **Run at:** {ISO timestamp} + +## Overall verdict +{synthesis paragraphs} + +## Category verdicts +- Flow coverage — {verdict} +- Token completeness — {verdict} +- Component coverage — {verdict} +- State coverage — {verdict} +- Visual reference coverage — {verdict} +- Bloat & overspecification — {verdict} +- Inheritance discipline — {verdict} +- Shape fit — {verdict} + +## Findings by severity + +### Critical (n) +**[Category or Reviewer]** — Title (§ location) +{Note} +Fix: {suggested fix} + +### High (n) / Medium (n) / Low (n) +... + +## Reviewer files +- `review-rubric.md` +- ... +``` + +## Close + +Surface artifact paths. Always offer to roll findings into an Update. diff --git a/src/bmm-skills/module-help.csv b/src/bmm-skills/module-help.csv index 82674cb5c..eb2d51c1c 100644 --- a/src/bmm-skills/module-help.csv +++ b/src/bmm-skills/module-help.csv @@ -16,7 +16,7 @@ BMad Method,bmad-technical-research,Technical Research,TR,Technical feasibility BMad Method,bmad-product-brief,Create Brief,CB,An expert guided experience to nail down your product idea in a brief. a gentler approach than PRFAQ when you are already sure of your concept and nothing will sway you.,,-A,1-analysis,,,false,planning_artifacts,product brief BMad Method,bmad-prfaq,PRFAQ Challenge,WB,Working Backwards guided experience to forge and stress-test your product concept to ensure you have a great product that users will love and need through the PRFAQ gauntlet to determine feasibility and alignment with user needs. alternative to product brief.,,-H,1-analysis,,,false,planning_artifacts,prfaq document BMad Method,bmad-prd,Create Edit and Review PRD,PRD,"Facilitated PRD workflow — create a new PRD via coached discovery, update an existing one against a change signal, or validate a finished PRD against a checklist with an HTML findings report.",,,2-planning,bmad-product-brief,,true,planning_artifacts,prd -BMad Method,bmad-create-ux-design,Create UX,CU,"Guidance through realizing the plan for your UX, strongly recommended if a UI is a primary piece of the proposed project.",,,2-planning,bmad-prd,,false,planning_artifacts,ux design +BMad Method,bmad-ux,Create UX,CU,"Guidance through realizing the plan for your UX, strongly recommended if a UI is a primary piece of the proposed project.",,,2-planning,bmad-prd,,false,planning_artifacts,ux design BMad Method,bmad-create-architecture,Create Architecture,CA,Guided workflow to document technical decisions.,,,3-solutioning,,,true,planning_artifacts,architecture BMad Method,bmad-create-epics-and-stories,Create Epics and Stories,CE,,,,3-solutioning,bmad-create-architecture,,true,planning_artifacts,epics and stories BMad Method,bmad-check-implementation-readiness,Check Implementation Readiness,IR,Ensure PRD UX Architecture and Epics Stories are aligned.,,,3-solutioning,bmad-create-epics-and-stories,,true,planning_artifacts,readiness report diff --git a/tools/skill-validator.md b/tools/skill-validator.md index 9566e1132..06edf3c8a 100644 --- a/tools/skill-validator.md +++ b/tools/skill-validator.md @@ -10,7 +10,7 @@ Before running inference-based validation, run the deterministic validator: node tools/validate-skills.js --json path/to/skill-dir ``` -This checks 14 rules deterministically: SKILL-01, SKILL-02, SKILL-03, SKILL-04, SKILL-05, SKILL-06, SKILL-07, WF-01, WF-02, PATH-02, STEP-01, STEP-06, STEP-07, SEQ-02. +This checks 12 rules deterministically: SKILL-01, SKILL-02, SKILL-03, SKILL-04, SKILL-05, SKILL-06, SKILL-07, PATH-02, STEP-01, STEP-06, STEP-07, SEQ-02. Review its JSON output. For any rule that produced **zero findings** in the first pass, **skip it** during inference-based validation below — it has already been verified. If a rule produced any findings, the inference validator should still review that rule (some rules like SKILL-04 and SKILL-06 have sub-checks that benefit from judgment). Focus your inference effort on the remaining rules that require judgment (PATH-01, PATH-03, PATH-04, PATH-05, WF-03, STEP-02, STEP-03, STEP-04, STEP-05, SEQ-01, REF-01, REF-02, REF-03). @@ -98,24 +98,6 @@ If no findings are generated (from either pass), the skill passes validation. --- -### WF-01 — Only SKILL.md May Have `name` in Frontmatter - -- **Severity:** HIGH -- **Applies to:** all `.md` files except `SKILL.md` -- **Rule:** The `name` field belongs only in `SKILL.md`. No other markdown file in the skill directory may have `name:` in its frontmatter. -- **Detection:** Parse frontmatter of every non-SKILL.md markdown file and check for `name:` key. -- **Fix:** Remove the `name:` line from the file's frontmatter. -- **Exception:** `bmad-agent-tech-writer` — has sub-skill files with intentional `name` fields (to be revisited). - -### WF-02 — Only SKILL.md May Have `description` in Frontmatter - -- **Severity:** HIGH -- **Applies to:** all `.md` files except `SKILL.md` -- **Rule:** The `description` field belongs only in `SKILL.md`. No other markdown file in the skill directory may have `description:` in its frontmatter. -- **Detection:** Parse frontmatter of every non-SKILL.md markdown file and check for `description:` key. -- **Fix:** Remove the `description:` line from the file's frontmatter. -- **Exception:** `bmad-agent-tech-writer` — has sub-skill files with intentional `description` fields (to be revisited). - ### WF-03 — workflow.md Frontmatter Variables Must Be Config or Runtime Only - **Severity:** HIGH diff --git a/tools/validate-skills.js b/tools/validate-skills.js index 997f8449a..8ab5bc2ad 100644 --- a/tools/validate-skills.js +++ b/tools/validate-skills.js @@ -1,7 +1,7 @@ /** * Deterministic Skill Validator * - * Validates 14 deterministic rules across all skill directories. + * Validates 12 deterministic rules across all skill directories. * Acts as a fast first-pass complement to the inference-based skill validator. * * What it checks: @@ -12,8 +12,6 @@ * - SKILL-05: name matches directory basename * - SKILL-06: description quality (length, "Use when"/"Use if") * - SKILL-07: SKILL.md has body content after frontmatter - * - WF-01: workflow.md frontmatter has no name - * - WF-02: workflow.md frontmatter has no description * - PATH-02: no installed_path variable * - STEP-01: step filename format * - STEP-06: step frontmatter has no name/description @@ -390,43 +388,6 @@ function validateSkill(skillDir) { } } - // --- WF-01 / WF-02: non-SKILL.md files must NOT have name/description --- - // TODO: bmad-agent-tech-writer has sub-skill files with intentional name/description - const WF_SKIP_SKILLS = new Set(['bmad-agent-tech-writer']); - for (const filePath of allFiles) { - if (path.extname(filePath) !== '.md') continue; - if (path.basename(filePath) === 'SKILL.md') continue; - if (WF_SKIP_SKILLS.has(dirName)) continue; - - const relFile = path.relative(skillDir, filePath); - const content = safeReadFile(filePath, findings, relFile); - if (content === null) continue; - const fm = parseFrontmatter(content); - if (!fm) continue; - - if ('name' in fm) { - findings.push({ - rule: 'WF-01', - title: 'Only SKILL.md May Have name in Frontmatter', - severity: 'HIGH', - file: relFile, - detail: `${relFile} frontmatter contains \`name\` — this belongs only in SKILL.md.`, - fix: "Remove the `name:` line from this file's frontmatter.", - }); - } - - if ('description' in fm) { - findings.push({ - rule: 'WF-02', - title: 'Only SKILL.md May Have description in Frontmatter', - severity: 'HIGH', - file: relFile, - detail: `${relFile} frontmatter contains \`description\` — this belongs only in SKILL.md.`, - fix: "Remove the `description:` line from this file's frontmatter.", - }); - } - } - // --- PATH-02: no installed_path --- for (const filePath of allFiles) { // Only check markdown and yaml files