bmad-method 6.7.1-next.0 → 6.7.1-next.2

package/src/bmm-skills/2-plan-workflows/bmad-ux/assets/excalidraw-wireframe.md

@@ -0,0 +1,19 @@
+# Excalidraw Wireframe Renderer
+
+Subagent prompt. Produce one `.excalidraw` file at `.working/ia-{date}.excalidraw` (IA diagram) or `.working/flow-{name}-{date}.excalidraw` (flow wireframe).
+
+## CRITICAL: two-character `index` fields only
+
+Every element's `index` field must be **exactly two characters** (`a0`, `aZ`, `b3`, ...). Three-character indices cause a silent *"Error: invalid file"* with no diagnostic output. Assign sequentially across all elements; advance the leading letter when the trailing alphanumeric exhausts (`a0..a9, aA..aZ`, then `b0..`). Verify before writing.
+
+## Shape
+
+Valid Excalidraw file: `{type: "excalidraw", version: 2, source: "https://excalidraw.com", elements: [...], appState: {gridSize: null, viewBackgroundColor: "#ffffff"}, files: {}}`. Each element needs the standard Excalidraw element fields (`id, type, x, y, width, height, angle, strokeColor, backgroundColor, fillStyle, strokeWidth, strokeStyle, roughness, opacity, groupIds, frameId, roundness, seed, version, versionNonce, isDeleted, boundElements, updated, link, locked, index`). Text elements add `text, fontSize, fontFamily, textAlign, verticalAlign, baseline, containerId, originalText, lineHeight`.
+
+## Content
+
+**IA diagram:** boxes-and-arrows of auth stack, main app surfaces, modal routes, settings stack, cross-cutting affordances. Color sparingly to distinguish category. Layout for human legibility, not graph correctness.
+
+**Flow wireframe:** screen-by-screen rectangles left-to-right, simple shapes inside (nav bar, CTA, content blocks) at low fidelity. Arrows labeled with the user action that causes transition. Annotations alongside for climax and edge-case beats.
+
+Return to the parent: file path, kind, one-line subject, element count, confirmation that all indices are two-character. Do not dump JSON into parent context. Tell the user to open in Excalidraw desktop or excalidraw.com.

package/src/bmm-skills/2-plan-workflows/bmad-ux/assets/experience-example-mobile.md

@@ -0,0 +1,112 @@
+---
+name: Quill
+status: final
+sources:
+  - {planning_artifacts}/prds/quill-2025-08-15/prd.md
+updated: 2025-09-02
+---
+
+# Quill — Experience Spine
+
+> Illustrative example. Single-surface mobile (iOS + Android parity). Consumer posture, calm by default. Paired with `design-example-mobile.md` (Quill DESIGN.md). Demonstrates: microcopy as gating discipline, Inspiration & Anti-patterns earning its place, Responsive & Platform omitted (single-surface).
+
+## Foundation
+
+Single-surface mobile, iOS + Android with parity. No UI system named — inherits platform conventions for navigation, system gestures, dynamic type. `DESIGN.md` is the visual identity reference; this spine is the experience. Dark mode is the default surface; light is a setting.
+
+## Information Architecture
+
+| Surface | Reached from | Purpose |
+|---|---|---|
+| Today | App open (cold) | Today's prompt + entry composer |
+| Library | Tab bar | Past entries, searchable |
+| Entry detail | Library row tap | Read / edit one entry |
+| Settings | Today header gear | Account, export, theme |
+
+Bottom tab bar (Today / Library / Settings). No drawer. Modal stacks one level deep, never two.
+
+→ Composition reference: `mockups/today-cold.html`, `mockups/composer.html`. Spine wins on conflict.
+
+## Voice and Tone
+
+Microcopy. Brand voice and aesthetic posture live in `DESIGN.md`.
+
+| Do | Don't |
+|---|---|
+| "Today's prompt." | "Time to write!" |
+| "Saved." | "✓ Auto-saved successfully" |
+| "We couldn't reach the cloud — your work is on this device." | "Network error" |
+| Short, complete sentences. | Streak counters, encouragement, exclamation marks. |
+
+## Component Patterns
+
+Behavioral. Visual specs live in `DESIGN.md.Components`.
+
+| Component | Use | Behavioral rules |
+|---|---|---|
+| Prompt card | Today | One per day. Tap opens composer. |
+| Composer | Today + entry detail | No formatting toolbar in v1. Autosave on pause ≥ 600ms. |
+| Entry row | Library list | Tap → entry detail. Long-press reserved for system text selection. |
+| Save indicator | Composer header | Cycles `Editing…` → `Saved.` (≥ 800ms visible). |
+| Settings row | Settings list | Tap → detail or toggle. |
+
+## State Patterns
+
+| State | Surface | Treatment |
+|---|---|---|
+| Cold open | Today | Show today's prompt (cached). If no cache, `Today's prompt is loading.` with skeleton. |
+| Empty library | Library | `No entries yet — Today's prompt is your first.` Link to Today. |
+| Search empty | Library search | `No matches.` No suggestions. |
+| Offline write | Composer | Save locally. No banner. Sync on next foreground. |
+| Sync error | Settings → Account | Surfaced here only. Never block writing. |
+| Focus | Composer | Native cursor + keyboard. No custom focus chrome. |
+
+## Interaction Primitives
+
+- Tap to act. Long-press reserved for system text selection.
+- Swipe-to-delete on entry rows (native pattern, confirm sheet).
+- Pull-to-refresh on Library only.
+- **Banned:** carousels, hero animations on open, badge counts, streaks, push-notification re-engagement.
+
+## Accessibility Floor
+
+Behavioral. Visual contrast lives in `DESIGN.md`.
+
+- VoiceOver / TalkBack: every interactive element labeled with role + state. Save indicator announces `Saved` on transition.
+- Dynamic type honored through `DESIGN.md` typography tokens. UI must remain legible at largest setting — no truncated controls.
+- Reduce Motion: skip the save-indicator fade; show `Saved.` immediately.
+- Tap targets ≥ 44pt (iOS) / 48dp (Android).
+- Focus traversal follows reading order on every surface.
+
+## Inspiration & Anti-patterns
+
+- **Lifted from Day One:** the single daily entry framing — one prompt, one composer, no inbox.
+- **Lifted from iA Writer:** the no-toolbar composer; formatting is a settings-level decision, not a per-entry one.
+- **Rejected — Streaks (Duolingo, most habit apps):** streaks weaponize the user's calendar. Quill's value is showing up *today*, not punishing missed days.
+- **Rejected — AI prompt suggestions inside the composer:** the composer is for writing, not negotiating with a model. AI lives only in the daily prompt generation.
+
+## Key Flows
+
+### Flow 1 — Daily write (Mira, late evening, after work)
+
+1. Mira opens app.
+2. Today surface shows today's prompt (cached if offline).
+3. She taps the composer entry point.
+4. Composer opens, keyboard active.
+5. She writes; autosave fires on pause.
+6. She taps Back.
+7. **Climax:** Today surface shows `Saved.` and the entry's first line below the prompt — proof the day is captured.
+
+Failure: cold prompt fetch fails → composer still opens with cached generic prompt; banner on Today only after Mira returns.
+
+### Flow 2 — Recall past entry (Mira, three weeks later, looking for what she wrote about her mother)
+
+1. Mira taps Library.
+2. Scrolls or searches.
+3. Taps entry row.
+4. Entry detail opens in read mode.
+5. She taps anywhere to enter edit mode (cursor at tap point).
+6. Edits autosave.
+7. **Climax:** `Saved.` visible in entry header — the older self and the present self are in continuous conversation.
+
+Empty state: no entries → message routes back to Today.

package/src/bmm-skills/2-plan-workflows/bmad-ux/assets/experience-example-shadcn.md

@@ -0,0 +1,133 @@
+---
+name: Drift
+status: final
+sources:
+  - {planning_artifacts}/prds/drift-2026-03-12/prd.md
+updated: 2026-04-02
+---
+
+# Drift — Experience Spine
+
+> Illustrative example. Single-surface responsive web. shadcn/ui on Next.js + Tailwind. Paired with `design-example-shadcn.md` (Drift DESIGN.md). Demonstrates: component-library inheritance, keyboard-first interaction primitives, the "shadcn + brand-layer" pattern that covers most modern web SaaS.
+
+## Foundation
+
+Single-surface responsive web. shadcn/ui on Next.js 15+ with Tailwind CSS. The component library does most of the work; brand discipline is "respect the defaults except where the brand layer overrides them." `DESIGN.md` is the visual identity reference and names the override surface; this spine is the experience. Single-tenant per project; users can belong to multiple projects but each project is a self-contained workspace.
+
+## Information Architecture
+
+| Surface | Reached from | Purpose |
+|---|---|---|
+| Today | App open / `g t` | Current focus, in-progress tasks pulled from all projects |
+| Projects | Sidebar / `g p` | List of active and archived projects |
+| Project detail | Projects row / `g 1`–`g 9` | Tasks in this project, organized by lane |
+| Search | `⌘K` / `Ctrl+K` | Command palette — surface, navigate, act |
+| Settings | Avatar menu | Account, theme, keyboard shortcuts, billing |
+
+Sidebar collapses to icons on `md`; becomes a `Sheet` on `sm`. Modal stacks one level deep (e.g., open `Dialog` on top of a surface, never on top of another dialog).
+
+→ Composition reference: `mockups/today.html`, `mockups/project-detail.html`, `mockups/command-palette.html`. Spine wins on conflict.
+
+## Voice and Tone
+
+Microcopy. Brand voice and aesthetic posture live in `DESIGN.md`.
+
+| Do | Don't |
+|---|---|
+| "What are you working on?" | "Let's get productive! 🚀" |
+| "3 tasks in motion" | "You have 3 active items." |
+| "Closed. Nice work." | "Task completed successfully ✓" |
+| "Nothing in motion. Pick something." | "No active tasks. Click below to get started!" |
+| Manager-facing: counts and verbs. Employee-facing: same. | Different tone per audience — Drift talks to everyone the same way. |
+
+## Component Patterns
+
+Behavioral. Visual specs live in `DESIGN.md.Components` (or in shadcn defaults, when inherited).
+
+| Component | Use | Behavioral rules |
+|---|---|---|
+| Task row | Projects, Today | Click anywhere on row opens edit dialog. Checkbox toggles done state with optimistic update. Hover reveals quick-actions (`focus`, `defer`, `archive`). |
+| Focus card | Today, Project detail | At most one focus card per surface — the task or project marked with `focus` state. `f` keyboard shortcut sets focus on the active row. |
+| Command palette | Global (⌘K) | Fuzzy search across all projects, tasks, and commands. `Enter` fires the highlighted result. `→` previews a result. Escape closes. |
+| Project header | Project detail | Inline-editable title (click to edit, blur to save). Status pill: active / archived / done. |
+| Empty state | Anywhere | shadcn's empty pattern + one Drift-specific sentence. `display-sm` for the headline, body text below, single primary action. |
+
+## State Patterns
+
+| State | Surface | Treatment |
+|---|---|---|
+| Cold app load | Today | shadcn `Skeleton` rows (4-6) match expected layout. Resolves on data. |
+| No focus | Today | `display-sm`: "Nothing in motion. Pick something." Below: list of in-progress tasks from all projects. |
+| Empty project | Project detail | `display-sm`: "{Project title} is empty." Body: "Add a first task to get going." Single primary button. |
+| Command palette no matches | ⌘K | "No matches. Start typing a task or project name, or pick an action below." Followed by 4-5 common commands. |
+| Offline | Global (status bar) | shadcn `Toast` once: "You're offline. Changes will sync when you reconnect." Local writes continue. |
+| Permission denied | Projects (others' private) | Surface hidden from sidebar. No "blocked" screen. |
+| Stale data | Project detail | If background refresh detects changes, shadcn `Toast`: "Updated by {user_name}. Refresh." Manual refresh, no auto. |
+
+## Interaction Primitives
+
+**Keyboard-first.** Drift's primary audience is developers and power users; the keyboard surface is the product, the mouse is fallback.
+
+- `⌘K` / `Ctrl+K` — Command palette (universal)
+- `g t` / `g p` — Go to Today / Projects (vim-style)
+- `g 1`–`g 9` — Go to project by sidebar position
+- `f` — Set focus on highlighted task/project
+- `c` — Create new task (context-aware: in the active project)
+- `Esc` — Close dialogs, exit edit mode, clear command palette
+- `/` — Focus search in current surface
+
+**Mouse:** click to act, drag deferred to v2. Hover reveals row actions on `md+` (touch users tap to reveal).
+
+**Banned everywhere:** infinite scroll (pagination only), drag-to-reorder in v1, hover-only affordances on `sm` viewports, modal stacks > 1 level deep.
+
+## Accessibility Floor
+
+Behavioral. Visual contrast lives in `DESIGN.md` (inherits shadcn's WCAG AA-compliant defaults; brand overrides verified to maintain ratios).
+
+- WCAG 2.2 AA across the responsive web surface.
+- Screen reader announces page surface on navigation: "Today, focus surface" / "Project: {name}, task list, {N} tasks."
+- Keyboard shortcuts available without modifier on most surfaces (vim-style `g t` etc.) — users with motor-control limitations get the same surface as power users.
+- `Tab` order matches reading order on every surface. `Esc` always closes the topmost modal/popover.
+- Command palette is fully keyboard-operable; results announce as they update via `aria-live`.
+- Focus rings inherit shadcn's `ring` token — visible at AA contrast against `background`.
+
+## Responsive & Platform
+
+| Breakpoint | Behavior |
+|---|---|
+| `≥ lg` (1024px+) | Sidebar visible. Today is a 2-column layout: focus + in-motion list. |
+| `md` (768–1023px) | Sidebar collapses to icons. Today stacks to single column. |
+| `< md` (`sm`) | Sidebar becomes a `Sheet` triggered from top bar. Command palette opens fullscreen. |
+
+Drift is responsive web, not a native mobile app. The product works on phones for read + simple-edit, but the primary surface is desktop / laptop.
+
+## Inspiration & Anti-patterns
+
+- **Lifted from Linear:** the keyboard-first discipline. `⌘K` is the command center; vim-style nav (`g t`); no drag for primary navigation; status pill vocabulary.
+- **Lifted from Notion:** inline-editable titles. Click-to-edit on project header, blur to save. No edit/view mode toggle.
+- **Lifted from shadcn:** the entire surface vocabulary. Drift's brand is *what we add to shadcn*, not a from-scratch design system. This is a deliberate posture, not a shortcut.
+- **Rejected — Streaks, badges, achievement notifications:** Drift is a tool, not a habit app. Task closure is its own reward; no celebratory animation, no "🎉 5-day streak!" toast.
+- **Rejected — AI-suggested next tasks:** Drift surfaces what's in motion, doesn't tell the user what to work on. The user picks focus; the tool surfaces consequences.
+- **Rejected — Multi-column kanban as default project view:** lists are linear; kanban hides progress behind columns. Optional v2; not the default.
+
+## Key Flows
+
+### Flow 1 — Morning focus (Sarah, solo founder, 8:45am Tuesday)
+
+1. Sarah opens Drift in a browser tab.
+2. App loads Today. `display-sm`: "Welcome back, Sarah." Focus card shows yesterday's marked task — "Finish landing page hero copy" — still in motion.
+3. She hits `⌘K`, types "ship hero", sees the matching task and presses Enter to open it.
+4. Inline edit: she updates the task description with two new bullets. Tab + Tab triggers save.
+5. **Climax:** Sarah closes the dialog. Today re-renders: focus card still shows the hero task, but now with the updated body text visible at a glance. She doesn't have to navigate anywhere — the surface that greeted her now reflects the work she just did. She picks up her coffee and starts writing.
+
+Failure: data save fails → shadcn `Toast` (destructive variant): "Couldn't save. Trying again." Inline edit retained; another `Enter` retries.
+
+### Flow 2 — Async handoff (Devon and Mara, small remote team, mid-afternoon)
+
+1. Devon finishes wiring up the auth flow and marks the task `done`.
+2. Mara, time-zoned three hours ahead and online during overlap, opens Drift.
+3. Today loads; her focus is on her own front-end work, but the in-motion list shows Devon's auth task now marked done and one task below it newly assigned to her — "Wire up post-auth redirect" — that Devon set during checkout.
+4. She hits `f` on the row to mark it as her focus, then `Enter` to open it.
+5. **Climax:** The focus card swaps. Her surface now shows the post-auth redirect task as the live thing she's working on; the projects sidebar shows the Auth project highlighted; the command palette `⌘K` defaults its first result to "Go to Auth project." The state of the team's progress is *embedded in her surface* — no Slack thread to scroll, no status doc to read.
+
+Failure: Devon hadn't actually assigned the follow-up — Mara mis-assigned to herself. She hits `Esc`, `f` again to unfocus, and reassigns to Devon. No "are you sure" dialog; Drift trusts the user.

package/src/bmm-skills/2-plan-workflows/bmad-ux/assets/headless-schemas.md

@@ -0,0 +1,84 @@
+# Headless Mode JSON Schemas
+
+Every headless run ends with one of these payloads. Omit keys for artifacts not produced.
+
+## Common fields
+
+- `status` — `"complete"`, `"blocked"`, or `"partial"`
+- `intent` — `"create"`, `"update"`, or `"validate"` (matches the detected intent)
+- `reason` — required when `status` is `"blocked"`; one-sentence explanation
+- `assumptions` — array of inferred values that were not directly confirmed by inputs
+- `open_questions` — array of items that need a human decision before the artifact can be considered final
+
+## Create
+
+```json
+{
+  "status": "complete",
+  "intent": "create",
+  "design": "{doc_workspace}/DESIGN.md",
+  "experience": "{doc_workspace}/EXPERIENCE.md",
+  "decision_log": "{doc_workspace}/.decision-log.md",
+  "working_artifacts": ["{doc_workspace}/.working/color-themes-1.html"],
+  "promoted_artifacts": {
+    "mockups": ["{doc_workspace}/mockups/direction-calm-sage.html"],
+    "wireframes": ["{doc_workspace}/wireframes/ia-2026-05-19.excalidraw"]
+  },
+  "open_questions": [],
+  "assumptions": [],
+  "external_handoffs": [
+    {"directive": "Confluence upload", "tool": "corp:confluence_upload", "url": "https://confluence.corp/DESIGN/123", "status": "ok"}
+  ]
+}
+```
+
+The `working_artifacts` and `promoted_artifacts` keys are optional and omitted entirely when empty. Headless Create runs default to not enabling creative tools — both keys are typically absent in headless output unless the caller enabled them.
+
+## Update
+
+```json
+{
+  "status": "complete",
+  "intent": "update",
+  "design": "{doc_workspace}/DESIGN.md",
+  "experience": "{doc_workspace}/EXPERIENCE.md",
+  "decision_log": "{doc_workspace}/.decision-log.md",
+  "changes_summary": "1-3 sentences describing what changed and why",
+  "conflicts_with_prior_decisions": [],
+  "open_questions": [],
+  "external_handoffs": [
+    {"directive": "Confluence upload", "tool": "corp:confluence_upload", "url": "https://confluence.corp/DESIGN/123", "status": "ok"}
+  ]
+}
+```
+
+## Validate
+
+```json
+{
+  "status": "complete",
+  "intent": "validate",
+  "validation_report": "{doc_workspace}/validation-report.md",
+  "findings_summary": {
+    "critical": 0,
+    "high": 0,
+    "medium": 0,
+    "low": 0
+  },
+  "offer_to_update": true
+}
+```
+
+`validation_report` is always written for Validate intent — the path here is required, not optional.
+
+## Blocked
+
+```json
+{
+  "status": "blocked",
+  "intent": "update",
+  "reason": "Change signal ambiguous — could be a brand refresh or an accessibility audit response; no inferred direction"
+}
+```
+
+Always include the intent (best-guess if not certain) and a one-sentence `reason`.

package/src/bmm-skills/2-plan-workflows/bmad-ux/assets/key-screens.md

@@ -0,0 +1,29 @@
+# Key Screens Renderer
+
+Subagent prompt. Fired at Finalize (or during late Discovery once layout decisions firm up). Produces 1:1 HTML mocks of the load-bearing surfaces so the spine can link to them as visual reference. Spine remains the contract; mocks illustrate.
+
+## Inputs
+
+`.decision-log.md`, the current drafts `DESIGN.md` and `EXPERIENCE.md`, `.working/` (especially the chosen color-theme and direction mocks), source PRD. The user names which surfaces to render — typically 2-4: the canonical entry surface, the most complex flow's hero screen, any load-bearing overlay/modal, and (when present) the Week / list / dashboard view.
+
+## What to render
+
+One HTML file per screen, at `.working/key-{slug}.html`. Each file: realistic device frame (phone or browser), real product content from the conversation (no lorem), every visible string voice-checked against `.decision-log.md`, all decided tokens applied. Show one canonical state per screen; if a surface has a load-bearing alternate state (focus, error, crisis-card-present), render it as a second column or section in the same file.
+
+Inline CSS, system fonts, no JS, no network. The mock must render fully offline. Comment block at the top of the `<style>` notes which spine sections govern this screen so a future reader knows what to check.
+
+## What to return
+
+A compact summary to the parent:
+- file path per screen
+- one-line caption per screen ("Today picker at rest; accent on Thought record")
+- which spine sections each mock illustrates (Component Patterns rows, State Patterns rows, Flow steps)
+
+The parent, at Finalize "Promote working artifacts," uses this summary to insert inline `mockups/...` links into the relevant spine sections.
+
+## Anti-patterns
+
+- Do not invent layout — every composition decision must trace to a `.working/` artifact or a confirmation in `.decision-log.md`. If a layout question is open, the mock is premature.
+- Do not show every screen of every flow — 2-4 load-bearing surfaces, not 14.
+- Do not stage marketing copy. Strings come from `.decision-log.md` and voice rules.
+- Do not introduce a new pattern not in the spine's Component Patterns table. If you need one, log it and ask before rendering.