Specifies the misuse gallery for a brand book - at least 6 wrongs per element class (mark, color, type, component, layout) with red strikes and corrective captions, emitted as a self-contained HTML misuse sheet where the wrongs are constructible in code, plus self-referential clearspace units and minimum-size tiers. Use when someone asks "create a logo misuse page for our brand book", "show examples of what not to do with our logo", "build the don'ts section of our brand guidelines", "people keep stretching and recoloring our logo", or a consistency audit keeps flagging the same violation. Do NOT use for briefing or designing the mark itself - use logo-brief-writer instead; for the full guidelines document around the gallery, use brand-guidelines; for icon-set consistency rules, use icon-system; for a designed brand-book page beyond the HTML sheet, use feature-graphic-designer.
---
name: misuse-gallery-builder
description: Specifies the misuse gallery for a brand book - at least 6 wrongs per element class (mark, color, type, component, layout) with red strikes and corrective captions, emitted as a self-contained HTML misuse sheet where the wrongs are constructible in code, plus self-referential clearspace units and minimum-size tiers. Use when someone asks "create a logo misuse page for our brand book", "show examples of what not to do with our logo", "build the don'ts section of our brand guidelines", "people keep stretching and recoloring our logo", or a consistency audit keeps flagging the same violation. Do NOT use for briefing or designing the mark itself - use logo-brief-writer instead; for the full guidelines document around the gallery, use brand-guidelines; for icon-set consistency rules, use icon-system; for a designed brand-book page beyond the HTML sheet, use feature-graphic-designer.
---
# misuse-gallery-builder
The misuse page is the enforcement engine of a brand book: reviewers pattern-match against the don'ts far faster than they parse positive prose, and its absence is the single clearest marker of amateur guidelines. Without one, every partner and new hire invents their own treatment, and the book that cost a quarter to produce cannot be policed. The second failure is subtler: galleries that protect only the logo while the drift that actually ships is token drift - wrong CTA geometry, off-hex accents, over-weight headings. This skill specifies both kinds of wrong and emits them as a working sheet, not a description.
## Operating procedure
Run the steps in order: element classes before wrongs, because the gallery is organized per class; wrongs before captions, because each caption cites the rule its wrong breaks; captions before rubric packaging, because the rubric is the captions reorganized as a checklist.
### Step 1: Elicit the element classes and the evidence
Gather exactly these inputs before specifying anything. Paste the charter block if one exists. If the client has a charter but the foundations pack is not installed, elicit the needed values directly and label them provisional. If no charter exists at all, halt and route to premium-design-foundations - never substitute worked-example values. A gallery without locked constants is decoration.
1. **Element classes** to cover - mark/wordmark, color, type, component, layout - with real artwork files and token values per class. Ask for source files, not screenshots of screenshots.
2. **Locked constants** from brand-consistency-audit's fixed-core table, if an audit ran.
3. **Routed findings** from the drift audit - these are mandatory seeds, not optional adds: the violations actually occurring in the wild make the most useful wrongs.
4. **Partner and co-brand contexts**, if any, so lockup wrongs cover real neighbors.
5. **Render evidence policy**: if artwork is unavailable for a wrong, request an upload; a wrong with neither an HTML render nor an upload ships as a caption-only row marked UNRENDERED.
If any input is a guess, label it a guess and move on.