maestro-flow 0.3.49 → 0.4.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/.claude/agents/impeccable-agent.md +2 -2
  2. package/.claude/commands/maestro-analyze.md +2 -2
  3. package/.claude/commands/maestro-brainstorm.md +1 -1
  4. package/.claude/commands/maestro-impeccable.md +231 -111
  5. package/.claude/commands/maestro-roadmap.md +1 -1
  6. package/.claude/commands/maestro.md +3 -3
  7. package/.claude/skills/maestro-help/index/catalog.json +1 -1
  8. package/.claude/skills/maestro-help/phases/01-parse-intent.md +1 -1
  9. package/.codex/skills/maestro/SKILL.md +70 -28
  10. package/.codex/skills/maestro-brainstorm/SKILL.md +1 -1
  11. package/.codex/skills/maestro-help/catalog.json +1 -1
  12. package/.codex/skills/maestro-impeccable/SKILL.md +231 -117
  13. package/.codex/skills/maestro-roadmap/SKILL.md +1 -1
  14. package/chains/singles/ui-design.json +3 -3
  15. package/chains/ui-craft-build.json +2 -2
  16. package/dashboard/dist-server/dashboard/src/server/coordinator/chain-map.js +3 -3
  17. package/dashboard/dist-server/dashboard/src/server/coordinator/chain-map.js.map +1 -1
  18. package/package.json +1 -1
  19. package/templates/workflows/specs/node-catalog.md +1 -1
  20. package/workflows/impeccable/design.md +12 -12
  21. package/workflows/impeccable/explore.md +5 -5
  22. package/workflows/maestro-chain-execute.md +2 -2
  23. package/workflows/maestro.codex.md +3 -3
  24. package/workflows/maestro.md +107 -117
  25. package/workflows/plan.md +1 -1
  26. package/workflows/ui-design.md +1 -1
  27. package/workflows/ui-style.md +1 -1
  28. package/.claude/commands/maestro-ui-craft.md +0 -416
  29. package/.claude/skills/maestro-impeccable/SKILL.md +0 -171
  30. package/.codex/skills/maestro-ui-craft/SKILL.md +0 -386
@@ -1,416 +0,0 @@
1
- ---
2
- name: maestro-ui-craft
3
- description: Chain maestro-impeccable commands with intelligent routing and quality gate loops for automated UI production
4
- argument-hint: "<intent|target> [--chain build|improve|enhance|harden|live] [--enhance <cmd>] [--threshold <score>] [--max-loops <n>] [--skip-design-explore] [--skip-design] [--styles <N>] [--stack <stack>] [-y] [-c]"
5
- allowed-tools:
6
- - Read
7
- - Write
8
- - Edit
9
- - Bash
10
- - Glob
11
- - Grep
12
- - Agent
13
- - Skill
14
- - AskUserQuestion
15
- - TodoWrite
16
- ---
17
- <purpose>
18
- Orchestrate maestro-impeccable skill commands via intelligent intent routing + quality gate auto-iteration.
19
- Chain: Build → Evaluate → Auto-Refine → Re-evaluate → Verify.
20
-
21
- Core innovation: critique/audit scores drive automatic command selection and iteration loops.
22
- Impeccable has 23 commands across 6 categories — this command chains them into automated pipelines
23
- with quality gates that loop until design quality meets the threshold.
24
-
25
- Includes integrated design-explore: multi-variant design system generation (via ui-search BM25 engine + CSV knowledge base),
26
- HTML prototype rendering for visual comparison, interactive user review with mix support,
27
- and automatic bridge to impeccable's DESIGN.md format. Replaces the former maestro-ui-design command.
28
-
29
- Prerequisite: maestro-impeccable skill available (auto-discovered by harness).
30
-
31
- Session: `.workflow/.maestro/ui-craft-{YYYYMMDD-HHmmss}/status.json`
32
- </purpose>
33
-
34
- <deferred_reading>
35
- - [impeccable harvest workflow](~/.maestro/workflows/impeccable.md) — read after command execution for harvest logic
36
- - [design stage workflow](~/.maestro/workflows/impeccable/design.md) — read when S_DESIGN_EXPLORE or S_BRIDGE state entered
37
- </deferred_reading>
38
-
39
- <invariants>
40
- 1. **Session before execution** — status.json created before any chain step runs
41
- 2. **All steps via Skill** — every impeccable command dispatched through `Skill({ skill: "maestro-impeccable" })`
42
- 3. **Gate scores drive loops** — refine loop auto-selects commands from P0/P1 findings, never from hardcoded lists
43
- 4. **Interactive gates respected** — teach, shape, craft retain their user gates; never suppress
44
- </invariants>
45
-
46
- <context>
47
- $ARGUMENTS — intent description or target path, with optional flags.
48
-
49
- **Keywords:** `continue`/`next` → resume previous session
50
-
51
- **Flags:**
52
- - `--chain <type>` — Force chain type: build, improve, enhance, harden, live
53
- - `--enhance <cmd>` — Specific enhance command for enhance chain (animate|colorize|typeset|layout|delight|overdrive|bolder)
54
- - `--threshold <score>` — Critique pass threshold (default: 26/40). Audit threshold auto-computed as threshold×0.5
55
- - `--max-loops <n>` — Maximum quality gate iterations (default: 3)
56
- - `-c` / `--continue` — Resume previous ui-craft session
57
- - `-y` — Auto mode: auto-select at ambiguous routing, skip confirmations where impeccable allows
58
- - `--skip-design-explore` / `--skip-design` — Skip design-explore (prototype comparison) and bridge (use existing DESIGN.md or full shape interview)
59
- - `--styles <N>` — Number of design system variants to generate and compare (2-5, default 3). Only used in build chain design-explore step
60
- - `--stack <stack>` — Tech stack for supplementary guidelines (default: html-tailwind). Passed to ui-search
61
- </context>
62
-
63
- <chains>
64
-
65
- ### Chain Definitions
66
-
67
- | Chain | Sequence | Gate Condition |
68
- |-------|----------|----------------|
69
- | **build** | teach? → **design_explore?** → shape → craft → **critique** → [refine loop] → audit → polish | critique ≥ threshold AND P0 == 0 |
70
- | **improve** | **critique** → [refine loop] → polish → audit | critique ≥ threshold AND P0 == 0 |
71
- | **enhance** | {cmd} → **critique** → polish (if needed) | critique ≥ threshold |
72
- | **harden** | harden → **audit** → polish | audit ≥ threshold×0.5 |
73
- | **live** | live | — (interactive, no gate) |
74
-
75
- - `teach?` — conditional: only if PRODUCT.md missing/placeholder
76
- - `design_explore?` — conditional: only if DESIGN.md missing AND `--skip-design-explore` not set. Delegates to `Skill("maestro-impeccable", "explore")` which handles variant generation, prototype rendering, visual comparison, user selection/mix, AND bridge to DESIGN.md internally
77
- - `[refine loop]` — quality gate loop: extract suggested commands from critique → execute → re-critique
78
-
79
- ### Intent → Chain Routing
80
-
81
- | Intent Pattern | Chain |
82
- |---------------|-------|
83
- | 新建, create, build, new, 从零, landing, feature, page | build |
84
- | 设计, design, 风格, style, 设计系统, design system, 视觉, theme | build |
85
- | 改进, improve, fix, 优化, iterate, better, 迭代 | improve |
86
- | 动画, 颜色, 排版, animate, color, type, bold, delight, enhance | enhance |
87
- | 生产, production, harden, 上线, ship, edge case, i18n | harden |
88
- | 实时, live, browser, 浏览器, variant | live |
89
-
90
- Explicit `--chain` overrides routing. Ambiguous + no `-y` → AskUserQuestion.
91
-
92
- </chains>
93
-
94
- <state_machine>
95
-
96
- <states>
97
- S_PARSE — 解析参数、意图分类、chain 选择 PERSIST: —
98
- S_RESUME — 扫描已有 ui-craft session、恢复执行 PERSIST: —
99
- S_SETUP — 加载 context、检查 PRODUCT.md PERSIST: —
100
- S_CREATE — 创建 session + status.json PERSIST: session (全量)
101
- S_DESIGN_EXPLORE — 委托 impeccable explore:多变体生成、原型对比、选型/混搭、自动 bridge 到 DESIGN.md PERSIST: explore_completed, design_md_path
102
- S_CHAIN — 按序执行 chain 步骤 PERSIST: step progress, executed commands
103
- S_GATE — 质量门控:解析评分、决策 PERSIST: scores, loop count
104
- S_REFINE — 执行自动选取的 refine 命令 PERSIST: refine commands, loop state
105
- S_REPORT — 最终报告 + 趋势 PERSIST: final scores, status
106
- </states>
107
-
108
- <transitions>
109
-
110
- S_PARSE:
111
- → S_RESUME WHEN: -c / --continue flag OR keyword "continue"/"next"
112
- → S_SETUP WHEN: chain selected (explicit or routed)
113
- → S_PARSE WHEN: ambiguous AND not -y DO: AskUserQuestion
114
- → END WHEN: no intent AND no target → E002
115
-
116
- S_RESUME:
117
- → S_CHAIN WHEN: session found DO: A_LOCATE_SESSION
118
- → S_FALLBACK WHEN: no session found → E005
119
-
120
- S_SETUP:
121
- → S_CREATE DO: A_LOAD_CONTEXT
122
-
123
- S_CREATE:
124
- → S_CHAIN DO: A_CREATE_SESSION
125
-
126
- S_CHAIN:
127
- → S_DESIGN_EXPLORE WHEN: current step is 'design_explore' AND DESIGN.md missing AND --skip-design-explore not set AND --skip-design not set
128
- → S_GATE WHEN: current step is gate command (critique/audit)
129
- → S_CHAIN WHEN: step is design_explore but skip conditions met → advance
130
- → S_CHAIN WHEN: step is normal command → execute → advance
131
- → S_REPORT WHEN: all steps complete
132
-
133
- S_DESIGN_EXPLORE:
134
- → S_CHAIN WHEN: explore completed (DESIGN.md produced) → advance to shape
135
- → S_CHAIN WHEN: explore failed → W004 → advance to shape (full interview fallback)
136
-
137
- S_GATE:
138
- → S_CHAIN WHEN: PASS (score ≥ threshold AND P0 == 0) → advance to next step
139
- → S_REFINE WHEN: FAIL (score < threshold OR P0 > 0)
140
- → S_CHAIN WHEN: max loops exceeded → W002 → force advance
141
-
142
- S_REFINE:
143
- → S_GATE DO: execute auto-selected commands → re-run gate command
144
- GUARD: loop_count < max_loops
145
-
146
- S_REPORT:
147
- → END DO: A_FINAL_REPORT
148
-
149
- </transitions>
150
-
151
- <actions>
152
-
153
- ### A_LOCATE_SESSION
154
-
155
- 1. Scan `.workflow/.maestro/ui-craft-*/status.json`, filter `status == "running"`, sort DESC
156
- 2. Take most recent; load into context as current session
157
- 3. Resume from `current_step` position
158
-
159
- ### A_LOAD_CONTEXT
160
-
161
- 1. Trigger impeccable context loading by invoking: `Skill({ skill: "maestro-impeccable", args: "teach" })`
162
- - Impeccable's own setup will auto-discover and load PRODUCT.md / DESIGN.md
163
- - If PRODUCT.md missing/placeholder, impeccable teach handles the interview
164
- 2. If teach was not in the chain but PRODUCT.md is missing:
165
- - Prepend `teach` to chain start
166
- - Announce: W001
167
- 3. Context is now in conversation for subsequent commands
168
-
169
- ### A_CREATE_SESSION
170
-
171
- 1. Read `.workflow/state.json` for project context (phase, milestone)
172
- 2. Create `.workflow/.maestro/ui-craft-{YYYYMMDD-HHmmss}/status.json`:
173
- ```json
174
- { "session_id": "ui-craft-{ts}", "source": "ui-craft", "intent": "...",
175
- "chain_type": "build|improve|enhance|harden|live", "target": "...",
176
- "auto_mode": false, "threshold": 26, "max_loops": 3,
177
- "steps": [{ "index": 0, "command": "shape", "status": "pending" }],
178
- "gate_history": [], "loop_count": 0,
179
- "current_step": 0, "status": "running",
180
- "created_at": "ISO-8601", "updated_at": "ISO-8601" }
181
- ```
182
- 3. Write status.json before executing any step
183
-
184
- ### A_DESIGN_EXPLORE
185
-
186
- Delegate to impeccable explore as a black-box command. The explore command internally handles:
187
- variant generation, prototype rendering, visual comparison, user review, mix protocol, rejected variant harvest, bridge to DESIGN.md, and spec registration.
188
-
189
- 1. Execute: `Skill({ skill: "maestro-impeccable", args: "explore --styles {styles_count}" })`
190
- 2. On completion: verify `.workflow/impeccable/DESIGN.md` exists
191
- 3. Update status.json: `explore_completed: true`, `design_md_path`
192
-
193
- ### A_FINAL_REPORT
194
-
195
- 1. Read critique trend if available (impeccable's critique persists snapshots automatically)
196
- 2. Update status.json with `status: "completed"` and final scores
197
- 3. Present summary table with scores, iterations, commands executed
198
-
199
- </actions>
200
-
201
- </state_machine>
202
-
203
- <execution>
204
-
205
- ## 1. Parse & Route
206
-
207
- 1. If `-c` / `--continue` or keyword "continue"/"next" → S_RESUME
208
- 2. If `--chain` present → use directly
209
- 3. Otherwise → match $ARGUMENTS against intent patterns
210
- 4. If `--enhance` present → chain = enhance, cmd = --enhance value
211
- 5. For enhance chain without `--enhance` → infer from intent ("动画" → animate, "颜色" → colorize, etc.)
212
- 6. Ambiguous + no `-y` → ask user to pick chain
213
-
214
- Create TodoWrite with chain steps.
215
-
216
- ## 2. Setup Context
217
-
218
- 1. If chain starts with `teach` → execute it first, impeccable handles context loading internally
219
- 2. Otherwise → invoke `Skill({ skill: "maestro-impeccable" })` with no args to trigger setup (context + register)
220
- 3. If impeccable reports PRODUCT.md missing → prepend teach, execute, then resume
221
-
222
- ## 3. Create Session
223
-
224
- Write `.workflow/.maestro/ui-craft-{ts}/status.json` with chain steps before any execution.
225
-
226
- ## 4. Execute Chain
227
-
228
- For each step in chain, sequentially:
229
-
230
- ```
231
- ▸ Step {n}/{total}: /maestro-impeccable {command} {target}
232
- ```
233
-
234
- Execute via: `Skill({ skill: "maestro-impeccable", args: "{command} {target}" })`
235
-
236
- After each step: update status.json `current_step` and step `status`.
237
-
238
- **Step-specific logic:**
239
-
240
- ### 4a. Design-explore step (build chain only)
241
-
242
- When current step is `design_explore`:
243
-
244
- 1. Check if `.workflow/impeccable/DESIGN.md` already exists → skip, advance to shape
245
- 2. Check if `--skip-design-explore` or `--skip-design` is set → skip, advance to shape
246
- 3. Otherwise → execute A_DESIGN_EXPLORE:
247
- - `Skill({ skill: "maestro-impeccable", args: "explore --styles {styles_count}" })`
248
- - explore handles everything internally: variant generation, prototype rendering, visual comparison, user selection/mix, bridge to DESIGN.md, spec registration
249
- 4. On completion → verify DESIGN.md exists, advance to shape
250
- 5. On failure → W004, advance to shape (full interview fallback, no DESIGN.md)
251
-
252
- ### 4c. Normal steps
253
-
254
- - `teach`, `shape`, `craft` are interactive — do NOT suppress their user gates
255
- - After `teach` completes → re-run context loader for fresh PRODUCT.md
256
- - After `craft` completes → the build exists, ready for evaluation
257
- - Gate steps (critique/audit) → transition to quality gate logic (Section 5)
258
-
259
- ## 5. Quality Gate
260
-
261
- When chain reaches a gate step (critique or audit):
262
-
263
- ### 5a. Execute Gate Command
264
-
265
- ```
266
- Skill({ skill: "maestro-impeccable", args: "critique {target}" })
267
- ```
268
- or
269
- ```
270
- Skill({ skill: "maestro-impeccable", args: "audit {target}" })
271
- ```
272
-
273
- ### 5b. Parse Score
274
-
275
- From critique output, extract:
276
- - **score**: Nielsen's total (N/40) — from "**Total** | | **N/40**" row
277
- - **P0_count**: count of `[P0]` tagged findings
278
- - **P1_count**: count of `[P1]` tagged findings
279
- - **suggested_commands**: list of "/maestro-impeccable <cmd>" from "Suggested command" fields
280
-
281
- From audit output, extract:
282
- - **score**: dimension total (N/20) — from "**Total** | | **N/20**" row
283
- - **P0_count**: count of `[P0]` findings
284
-
285
- ### 5c. Evaluate
286
-
287
- ```
288
- critique_pass = (score >= threshold) AND (P0_count == 0)
289
- audit_pass = (score >= threshold * 0.5) AND (P0_count == 0)
290
- ```
291
-
292
- ### 5d. On PASS
293
-
294
- ```
295
- ✓ Gate passed: {score}/{max} (P0: 0)
296
- ```
297
- → advance to next chain step
298
-
299
- ### 5e. On FAIL
300
-
301
- ```
302
- ⟳ Loop {n}/{max_loops}: {score}/{max}, P0={count}
303
- Running: {command_list}
304
- ```
305
-
306
- 1. Collect suggested commands from P0/P1 findings
307
- 2. If no suggestions found → use fallback mapping (see quality_gate_routing)
308
- 3. De-duplicate, cap at 3 commands per iteration
309
- 4. Sort: P0-suggested first
310
- 5. Execute each: `Skill({ skill: "maestro-impeccable", args: "{cmd} {target}" })`
311
- - Pass issue context: the specific findings that triggered this command are already in conversation
312
- 6. Re-run gate command (critique/audit)
313
- 7. Increment loop_count
314
- 8. Append to status.json `gate_history`
315
-
316
- ### 5f. On Max Loops Exceeded
317
-
318
- ```
319
- ⚠ Max iterations ({max_loops}) reached. Score: {score}/{max}, P0: {count}
320
- Continuing chain with remaining issues.
321
- ```
322
- → force advance to next chain step
323
-
324
- ## 6. Final Report
325
-
326
- ```
327
- ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
328
- Chain complete: {chain_type}
329
- ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
330
-
331
- Critique : {score}/40 (trend: {trend_line})
332
- Audit : {score}/20
333
- Loops : {total_iterations}
334
- Commands : {executed_command_list}
335
-
336
- Status : {PASS | PARTIAL — N issues remain}
337
- ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
338
- ```
339
-
340
- Update status.json: `status: "completed"`, `final_scores`, `completed_at`.
341
-
342
- If issues remain → suggest: "Run `/maestro-ui-craft --chain improve {target}` to continue iteration."
343
-
344
- </execution>
345
-
346
- <quality_gate_routing>
347
-
348
- ### Finding → Command Fallback Mapping
349
-
350
- When critique/audit findings lack explicit "Suggested command", map by category:
351
-
352
- | Finding Category | Command |
353
- |-----------------|---------|
354
- | Visual hierarchy, layout, spacing, alignment | layout |
355
- | Color, contrast, palette, monochromatic | colorize |
356
- | Typography, font, readability, hierarchy | typeset |
357
- | Animation, motion, transitions, micro-interaction | animate |
358
- | Copy, labels, error messages, UX writing | clarify |
359
- | Responsive, mobile, breakpoints, touch targets | adapt |
360
- | Performance, loading, speed, bundle, jank | optimize |
361
- | Complexity, overload, clutter, cognitive load | distill |
362
- | Bland, safe, generic, lacks personality | bolder |
363
- | Aggressive, overwhelming, loud, overstimulating | quieter |
364
- | Onboarding, empty state, first-run, activation | onboard |
365
- | Edge cases, i18n, error handling, overflow | harden |
366
- | Personality, memorability, joy, delight | delight |
367
-
368
- ### Commands Never Auto-Selected
369
-
370
- These are structural/interactive — never picked by the refine loop:
371
-
372
- | Command | Reason |
373
- |---------|--------|
374
- | teach | Project setup (run in S_SETUP only) |
375
- | shape | Requires user interview |
376
- | craft | Full build with multiple gates |
377
- | live | Interactive browser mode |
378
- | document | Generates DESIGN.md (setup) |
379
- | extract | Design system extraction (setup) |
380
- | overdrive | Requires explicit user vision |
381
- | critique | Gate command, not a fix |
382
- | audit | Gate command, not a fix |
383
- | design | Design system generation (setup) |
384
- | bridge | Format bridging (setup) |
385
-
386
- </quality_gate_routing>
387
-
388
- <error_codes>
389
- | Code | Severity | Description |
390
- |------|----------|-------------|
391
- | E001 | error | Impeccable skill not found in project |
392
- | E002 | error | No intent or target specified |
393
- | E003 | error | Invalid --chain type |
394
- | E004 | error | Invalid --enhance command |
395
- | E005 | error | Resume session not found |
396
- | W001 | warning | PRODUCT.md missing, prepending teach to chain |
397
- | W002 | warning | Max quality gate loops exceeded, forcing continue |
398
- | W003 | warning | Could not parse score from critique/audit output |
399
- | E006 | error | Python 3 not available for design system generation |
400
- | E007 | error | ui-search scripts not found at expected path |
401
- | W004 | warning | Design system generation failed, skipping design+bridge, falling back to shape full interview |
402
- | W005 | warning | Bridge transformation failed, continuing without DESIGN.md |
403
- | W008 | warning | Node.js not available for prototype rendering, falling back to text-only variant comparison |
404
- </error_codes>
405
-
406
- <success_criteria>
407
- - [ ] Intent classified and chain type selected
408
- - [ ] Context loaded (PRODUCT.md present or taught)
409
- - [ ] Session dir created with status.json before execution
410
- - [ ] All chain steps executed via Skill("maestro-impeccable", ...)
411
- - [ ] Quality gate evaluated with parsed scores
412
- - [ ] Refine loop executed when gate failed (if applicable)
413
- - [ ] Gate history and scores persisted to status.json
414
- - [ ] Final report with scores and trend presented
415
- - [ ] Progress tracked via TodoWrite throughout
416
- </success_criteria>
@@ -1,171 +0,0 @@
1
- ---
2
- name: maestro-impeccable
3
- description: Use when the user wants to design, redesign, shape, critique, audit, polish, clarify, distill, harden, optimize, adapt, animate, colorize, extract, or otherwise improve a frontend interface. Covers websites, landing pages, dashboards, product UI, app shells, components, forms, settings, onboarding, and empty states. Handles UX review, visual hierarchy, information architecture, cognitive load, accessibility, performance, responsive behavior, theming, anti-patterns, typography, fonts, spacing, layout, alignment, color, motion, micro-interactions, UX copy, error states, edge cases, i18n, and reusable design systems or tokens. Also use for bland designs that need to become bolder or more delightful, loud designs that should become quieter, live browser iteration on UI elements, or ambitious visual effects that should feel technically extraordinary. Not for backend-only or non-UI tasks.
4
- version: 1.0.0
5
- user-invocable: true
6
- argument-hint: "[craft|shape|explore · audit|critique · animate|bolder|colorize|delight|layout|overdrive|quieter|typeset · adapt|clarify|distill · harden|onboard|optimize|polish · teach|document|extract|live] [target] [--skip-harvest] [-y] [--styles N]"
7
- allowed-tools:
8
- - Bash(maestro impeccable *)
9
- - Write
10
- ---
11
-
12
- Designs and iterates production-grade frontend interfaces. Real working code, committed design choices, exceptional craft. Automatically harvests design knowledge to `.workflow/knowhow/` for cross-session accumulation.
13
-
14
- ## Setup
15
-
16
- Before any design work or file edits:
17
-
18
- 1. Load context (PRODUCT.md / DESIGN.md) via the loader script.
19
- 2. Identify the register and load the matching register reference (brand.md or product.md).
20
- 3. **If the user invoked a sub-command (e.g. `craft`, `shape`, `audit`), load its reference file too.** Non-negotiable: `craft` without `craft.md` loaded means skipping the shape-and-confirm step.
21
-
22
- Skipping these produces generic output that ignores the project.
23
-
24
- ### 1. Context gathering
25
-
26
- Two files, case-insensitive. PRODUCT.md and DESIGN.md are stored at `.workflow/impeccable/`.
27
-
28
- - **PRODUCT.md**: required. Users, brand, tone, anti-references, strategic principles.
29
- - **DESIGN.md**: optional, strongly recommended. Colors, typography, elevation, components.
30
-
31
- Both are registered in the spec system under category `ui` via `spec add`. Load with:
32
-
33
- ```bash
34
- maestro spec load --category ui
35
- ```
36
-
37
- This surfaces all design context (product + visual) from `.workflow/specs/ui-conventions.md`. If specs are not initialized, fall back to the legacy loader:
38
-
39
- ```bash
40
- maestro impeccable load-context
41
- ```
42
-
43
- Consume the full output. Never pipe through `head`, `tail`, `grep`, or `jq`.
44
-
45
- If the output is already in this session, don't re-run. Exceptions: you just ran `teach` or `document` (they rewrite the files and re-register specs), or the user manually edited one.
46
-
47
- `live` already warms context via `maestro impeccable live`. If you've run `live`, skip context loading.
48
-
49
- If PRODUCT.md is missing/empty/placeholder (`[TODO]`, <200 chars): run `teach`, then resume the original task. If the original task was `craft`, resume into `shape` first.
50
-
51
- If DESIGN.md is missing: nudge once per session (*"Run `/maestro-impeccable document` for more on-brand output"*), then proceed.
52
-
53
- ### 2. Register
54
-
55
- Every design task is **brand** (marketing, landing, campaign: design IS the product) or **product** (app UI, admin, dashboard: design SERVES the product).
56
-
57
- Identify before designing. Priority: (1) cue in the task; (2) surface in focus; (3) `register` field in PRODUCT.md. First match wins.
58
-
59
- Load the matching reference: [brand.md](~/.maestro/workflows/impeccable/brand.md) or [product.md](~/.maestro/workflows/impeccable/product.md).
60
-
61
- ## Shared design laws
62
-
63
- Apply to every design, both registers. Match complexity to vision. Vary across projects; never converge on the same choices.
64
-
65
- ### Color
66
-
67
- - Use OKLCH. Reduce chroma near lightness extremes.
68
- - Never `#000` or `#fff`. Tint neutrals toward brand hue (chroma 0.005-0.01).
69
- - Pick **color strategy** first: Restrained → Committed → Full palette → Drenched.
70
-
71
- ### Theme
72
-
73
- Write one sentence of physical scene before choosing dark/light. Run the sentence, not the category.
74
-
75
- ### Typography
76
-
77
- - Body line length: 65-75ch.
78
- - Hierarchy: scale + weight contrast (≥1.25 ratio).
79
-
80
- ### Layout
81
-
82
- - Vary spacing for rhythm. Cards only when truly best affordance. No nested cards.
83
-
84
- ### Motion
85
-
86
- - No CSS layout property animations. Ease-out with exponential curves.
87
-
88
- ### Absolute bans
89
-
90
- Match-and-refuse: side-stripe borders, gradient text, glassmorphism as default, hero-metric template, identical card grids, modal as first thought.
91
-
92
- ### Copy
93
-
94
- Every word earns its place. No em dashes.
95
-
96
- ### AI slop test
97
-
98
- Two-altitude category-reflex check. If someone could guess theme+palette from category alone, or guess aesthetic family from category+anti-references, rework until neither is obvious.
99
-
100
- See [~/.maestro/workflows/impeccable/brand.md](~/.maestro/workflows/impeccable/brand.md) for reflex-reject aesthetic lanes.
101
-
102
- ## Commands
103
-
104
- | Command | Category | Description | Reference |
105
- |---|---|---|---|
106
- | `craft [feature]` | Build | Shape, then build end-to-end | [~/.maestro/workflows/impeccable/craft.md](~/.maestro/workflows/impeccable/craft.md) |
107
- | `shape [feature]` | Build | Plan UX/UI before code | [~/.maestro/workflows/impeccable/shape.md](~/.maestro/workflows/impeccable/shape.md) |
108
- | `teach` | Build | Set up PRODUCT.md and DESIGN.md | [~/.maestro/workflows/impeccable/teach.md](~/.maestro/workflows/impeccable/teach.md) |
109
- | `document` | Build | Generate DESIGN.md from code | [~/.maestro/workflows/impeccable/document.md](~/.maestro/workflows/impeccable/document.md) |
110
- | `extract [target]` | Build | Pull tokens/components into design system | [~/.maestro/workflows/impeccable/extract.md](~/.maestro/workflows/impeccable/extract.md) |
111
- | `explore [--styles N]` | Build | Multi-style comparison: generate variants, render prototypes, visual compare, select/mix | [~/.maestro/workflows/impeccable/explore.md](~/.maestro/workflows/impeccable/explore.md) |
112
- | `critique [target]` | Evaluate | UX review with heuristic scoring | [~/.maestro/workflows/impeccable/critique.md](~/.maestro/workflows/impeccable/critique.md) |
113
- | `audit [target]` | Evaluate | Technical quality checks | [~/.maestro/workflows/impeccable/audit.md](~/.maestro/workflows/impeccable/audit.md) |
114
- | `polish [target]` | Refine | Final quality pass | [~/.maestro/workflows/impeccable/polish.md](~/.maestro/workflows/impeccable/polish.md) |
115
- | `bolder [target]` | Refine | Amplify bland designs | [~/.maestro/workflows/impeccable/bolder.md](~/.maestro/workflows/impeccable/bolder.md) |
116
- | `quieter [target]` | Refine | Tone down aggressive designs | [~/.maestro/workflows/impeccable/quieter.md](~/.maestro/workflows/impeccable/quieter.md) |
117
- | `distill [target]` | Refine | Strip to essence | [~/.maestro/workflows/impeccable/distill.md](~/.maestro/workflows/impeccable/distill.md) |
118
- | `harden [target]` | Refine | Production-ready: errors, i18n, edge cases | [~/.maestro/workflows/impeccable/harden.md](~/.maestro/workflows/impeccable/harden.md) |
119
- | `onboard [target]` | Refine | First-run flows, empty states | [~/.maestro/workflows/impeccable/onboard.md](~/.maestro/workflows/impeccable/onboard.md) |
120
- | `animate [target]` | Enhance | Add purposeful motion | [~/.maestro/workflows/impeccable/animate.md](~/.maestro/workflows/impeccable/animate.md) |
121
- | `colorize [target]` | Enhance | Add strategic color | [~/.maestro/workflows/impeccable/colorize.md](~/.maestro/workflows/impeccable/colorize.md) |
122
- | `typeset [target]` | Enhance | Improve typography | [~/.maestro/workflows/impeccable/typeset.md](~/.maestro/workflows/impeccable/typeset.md) |
123
- | `layout [target]` | Enhance | Fix spacing, rhythm, hierarchy | [~/.maestro/workflows/impeccable/layout.md](~/.maestro/workflows/impeccable/layout.md) |
124
- | `delight [target]` | Enhance | Add personality | [~/.maestro/workflows/impeccable/delight.md](~/.maestro/workflows/impeccable/delight.md) |
125
- | `overdrive [target]` | Enhance | Push past conventional limits | [~/.maestro/workflows/impeccable/overdrive.md](~/.maestro/workflows/impeccable/overdrive.md) |
126
- | `clarify [target]` | Fix | Improve UX copy and labels | [~/.maestro/workflows/impeccable/clarify.md](~/.maestro/workflows/impeccable/clarify.md) |
127
- | `adapt [target]` | Fix | Adapt for devices/screens | [~/.maestro/workflows/impeccable/adapt.md](~/.maestro/workflows/impeccable/adapt.md) |
128
- | `optimize [target]` | Fix | Fix UI performance | [~/.maestro/workflows/impeccable/optimize.md](~/.maestro/workflows/impeccable/optimize.md) |
129
- | `live` | Iterate | Browser-based variant generation | [~/.maestro/workflows/impeccable/live.md](~/.maestro/workflows/impeccable/live.md) |
130
-
131
- ### Routing rules
132
-
133
- 1. **No argument**: render command menu grouped by category.
134
- 2. **First word matches command**: load its reference file, follow instructions. Rest is target.
135
- 3. **No match**: general design invocation with full argument as context.
136
-
137
- ## Harvest — Design Knowledge Accumulation
138
-
139
- After every command execution (except `live`), harvest design decisions into `.workflow/knowhow/` for cross-session reuse. Skip if `--skip-harvest` flag is set.
140
-
141
- ### Harvest routing
142
-
143
- | Command | Type | Prefix | Extract |
144
- |---------|------|--------|---------|
145
- | craft | decision + asset | DCS- + AST- | Design decisions + tokens (dual entry) |
146
- | shape | decision | DCS- | Key decisions from brief |
147
- | teach | reference | REF- | Brand/user/principles from PRODUCT.md |
148
- | document | asset | AST- | Token system from DESIGN.md YAML |
149
- | extract | asset | AST- | Design system patterns |
150
- | explore | decision + asset | DCS- + AST- | Style selection rationale + design tokens |
151
- | critique | tip | TIP- | Scores + P0/P1 findings |
152
- | audit | tip | TIP- | 5-dimension scores |
153
- | polish | tip | TIP- | Polish points |
154
- | bolder/quieter/distill | decision | DCS- | Direction decisions |
155
- | harden/onboard | tip | TIP- | Patterns applied |
156
- | animate | decision | DCS- | Animation strategy |
157
- | colorize | decision | DCS- | Color strategy + OKLCH values |
158
- | typeset | decision | DCS- | Typography decisions |
159
- | layout | decision | DCS- | Layout/spacing decisions |
160
- | delight/overdrive | decision | DCS- | Creative decisions |
161
- | clarify/adapt/optimize | tip | TIP- | Fix points |
162
-
163
- ### Harvest execution
164
-
165
- 1. **Determine type** from routing table.
166
- 2. **Extract** from output files (document, critique) or conversation context (others).
167
- 3. **Write knowhow**:
168
- - DCS-/TIP-/REF- → `store_knowhow` MCP: `{operation: "add", type, title: "maestro-impeccable <cmd>: <description>", body, tags: ["impeccable", "<cmd>", ...]}`
169
- - AST- → Write to `.workflow/knowhow/AST-impeccable-<slug>-<YYYYMMDD>.md` with YAML frontmatter (`category: ui`)
170
- 4. **Spec index** (DCS-/AST- only): `maestro spec add ui "<title>" "<summary>" --keywords impeccable,<cmd>,... --ref knowhow/<file>`
171
- 5. **Report**: one-line summary with knowhow ID.