open-designlisted

# open-design Compose a single self-contained HTML artifact from the upstream `nexu-io/open-design` catalog: pick the closest **skill** (workflow + seed template + section layouts), apply a **design system** (color tokens, typography, components), produce the artifact, open it in the browser. ## Scope **This skill handles:** static HTML/CSS/SVG artifacts (landings, marketing pages, dashboards, mobile screens, decks, posters, emails, e-guides, internal docs). **Does NOT handle:** live React/Vue apps, real backend wiring, image generation (use `ai-artist`), video (use `ai-multimodal`), production deployment (use `deploy`). **Special case — GitHub README / repo hero banner:** the catalog has no banner template (`search` returns social-cards that override the repo's brand). Skip the catalog and follow `references/github-readme-banner.md` — author/evolve a brand-locked `banner.html`, render to PNG at 2× via headless Chrome, and **verify the render (measure margins + view) before shipping**. ## Dependencies **Required:** `git`, `bash`, `grep`, `awk` (all preinstalled on macOS). Cache lives at `~/.cache/$USER-open-design` (~few MB after first sync). **Optional — better search via [tobi/qmd](https://github.com/tobi/qmd):** if `qmd` is on `PATH`, the `search` command auto-routes through qmd's BM25 lexical engine instead of the bash/grep fallback. Two install paths: 1. **Direct:** `bun install -g https://github.com/tobi/qmd` (or `npm i -g @tobilu/qmd`). 2. **Via the [levineam/