design-brainlisted

Design from fundamentals rather than from a reference to copy. A method (order of decisions, numbers, anti-defaults) that runs at decision time, a measurement tool that checks the rendered page against WCAG and the corpus, and 1,124 sourced design entries for lookup and citation. Use for any visual build (website, page, UI, deck, form, chart, email, brand mark), for design critique, for design-theory questions, and for teaching material. Trigger on design brain, design this, build a page, make it look good, critique this design/page/deck, why does this feel off, and on typography, hierarchy, contrast, whitespace, grid, colour, accessibility, motion or data-visualisation questions.
GoodLadTom/design-brain-v2 · ★ 1 · Web & Frontend · score 64

Install: claude install-skill GoodLadTom/design-brain-v2

# Design Brain Four modes. DESIGN is the one that changes what you build; the other three answer, critique and teach from the same corpus. Resolve this skill folder as `SKILL_DIR`. Everything is local. Never fetch the live site to answer a question. ``` SKILL_DIR/ core/CORE.md read whole before any design task references/brief-translation.md client adjectives to constraints references/playbooks/*.md landing-page, dashboard, deck, form, chart, email, brand-mark references/derivations/*/ worked designs: brief, decision log, result, measurement house/ optional house-style overlays (see house/README.md) scripts/query.py search, entry, section, critique, numbers scripts/measure.mjs measure a rendered page (needs Chrome and Node 22+) data/design-brain.json the corpus, 1,124 entries data/numbers.json every published threshold, with source ``` ## Mode: DESIGN Use whenever you are about to build or restyle anything visual, whether or not anyone said "design". Do not skip to writing markup. 1. **Read `core/CORE.md` in full.** It is about 4,000 words and it is the part of the corpus you carry through the task: the order of decisions, the numbers card, the anti-defaults, the vocabulary. 2. **Open the playbook for the artefact** in `references/playbooks/`. If none fits, use the nearest and say so. 3. **Translate the brief** with `references/br