Mechanical rename produced by scripts/msd-rename.cjs: gsd/Gsd/GSD -> msd/Msd/MSD across contents and paths, upstream package/repo coordinates -> @golem15/msd-core and golem15com/msd-core. Deep links into upstream history, sibling upstream packages, the GSD-2 import feature, CHANGELOG.md and .changeset/ are kept as-is. Hand edits on top: MSD block-letter banner and logos, LICENSE copyright line, package/plugin identity, regenerated lockfile, install-tree fixtures, derived registries and benchmark baseline; migration checksum baseline re-locked (MSD keeps its own install state, so no install had applied the old sums); sort-order and regex-escaped expectations in tests adjusted.
29 lines
1.7 KiB
Markdown
29 lines
1.7 KiB
Markdown
---
|
||
id: 118
|
||
title: Sketch Command
|
||
group: v1.37.0 Features
|
||
---
|
||
|
||
**Command:** `/msd-sketch [idea] [--quick] [--text]`
|
||
|
||
**Purpose:** Explore design directions through throwaway HTML mockups before committing to implementation. Produces 2–3 interactive variants per design question, all viewable directly in a browser with no build step. Companion `/msd-sketch --wrap-up` packages winning decisions into a project-local skill.
|
||
|
||
**Requirements:**
|
||
- REQ-SKETCH-01: Each sketch MUST answer one specific visual design question
|
||
- REQ-SKETCH-02: Each sketch MUST include 2–3 meaningfully different variants in a single `index.html` with tab navigation
|
||
- REQ-SKETCH-03: All interactive elements (hover, click, transitions) MUST be functional
|
||
- REQ-SKETCH-04: Sketches MUST use real-ish content, not lorem ipsum
|
||
- REQ-SKETCH-05: A shared `themes/default.css` MUST provide CSS variables adapted to the agreed aesthetic
|
||
- REQ-SKETCH-06: `--quick` flag skips mood intake; `--text` flag replaces `AskUserQuestion` with numbered lists for non-Claude runtimes
|
||
- REQ-SKETCH-07: The winning variant MUST be marked in the README frontmatter and with a ★ in the HTML tab
|
||
- REQ-SKETCH-08: `/msd-sketch --wrap-up` MUST package winning decisions into `.claude/skills/sketch-findings-[project]/`
|
||
|
||
**Produces:**
|
||
| Artifact | Description |
|
||
|----------|-------------|
|
||
| `.planning/sketches/NNN-name/index.html` | 2–3 interactive HTML variants |
|
||
| `.planning/sketches/NNN-name/README.md` | Design question, variants, winner, what to look for |
|
||
| `.planning/sketches/themes/default.css` | Shared CSS theme variables |
|
||
| `.planning/sketches/MANIFEST.md` | Index of all sketches with winners |
|
||
| `.claude/skills/sketch-findings-[project]/` | Packaged decisions (via `/msd-sketch --wrap-up`) |
|