← ClaudeAtlas

meridiansketchlisted

Use when you need Meridian to multi-Variant HTML Mockup Generation.
mattjaikaran/meridian · ★ 1 · Web & Frontend · score 74
Install: claude install-skill mattjaikaran/meridian
# /meridian:sketch — Multi-Variant HTML Mockup Generation Generate 2–3 variant HTML mockups for a UI concept before committing to a design. Loads spike findings and theme context; spawns a subagent per variant in parallel. Produces `.planning/sketches/{slug}/variant-{a,b,c}.html`. ## Arguments - `create <title> [description]` — Open a new sketch session - `list` — Show all sketches (open + closed) - `list --open` — Open sketches only - `list --closed` — Closed sketches only - `status <slug>` — Show sketch details and list variant files ## Keywords sketch, mockup, wireframe, prototype, variant, design, HTML, UI, visual, layout ## Procedure ### Subcommand: create #### Step 1: Create DB record ```bash PYTHONPATH=$MERIDIAN_HOME uv run --project $MERIDIAN_HOME -- python -c " import json from pathlib import Path from scripts.db import open_project from scripts.sketch import create_sketch with open_project('.') as conn: s = create_sketch(conn, '<title>', '<description>', Path('.')) print(json.dumps(s, indent=2)) " ``` Store: `slug`, `title`, `description`, `phase_id`. #### Step 2: Load Spike Findings (if any linked spike exists) Check `.planning/spikes/` for any spikes linked to the triggering phase. If found, read their MANIFEST.md and findings/ files for context. Also check `.planning/PROJECT.md` and any RESEARCH.md for the current phase. #### Step 3: Spawn Variant Subagents (parallel) Launch **2 or 3 variant subagents** in a single parallel batch. Each produce