wireframe

Installation
SKILL.md

Wireframe

Low-fidelity exploration with ≥3 variations along different axes. Uses design_canvas.jsx for side-by-side presentation.

Phase 0 — Context pre-flight (auto-detect, ONE question max)

Before exploring variations, silently check for context:

  1. Read .claude/design-tokens.json if exists (but wireframes are greyscale — use only for layout hints)
  2. Bash(ls ~/.claude/design-systems/ 2>/dev/null) — brand folder match
  3. Glob codebase tokens at project root
  4. Scan brief for github / Figma / image / .md attachments → dispatch ingestion skills

If nothing — ONE AskUserQuestion: design system / codebase / screenshot / Figma / none / decide. Report "Using . Proceeding." — then proceed greyscale regardless (wireframes are pre-color).

Rules

Related skills
Installs
10
GitHub Stars
82
First Seen
13 days ago