Hallmark is a design skill for Claude Code, Cursor, and Codex that steers generated UI away from the visual defaults language models tend to produce. For each brief it picks a macrostructure, dresses it in one of twenty-one themes, runs fifty-seven slop-test gates plus a pre-emit self-critique, and rejects the on-distribution patterns before handing the page back. The stated aim is that two pages for two different briefs read as different sites rather than colour-swaps of one template.
The skill has one default behaviour and three explicit verbs. Build (the default) creates new UI from a brief; audit scores existing code against the anti-patterns and returns a punch list without editing; redesign discards the structure while keeping copy, information architecture, and brand, then rebuilds with a different fingerprint; and study extracts the design DNA (macrostructure, type pairing, colour anchor) from a screenshot or URL, refuses pixel clones and paid templates, and can emit a portable design.md for handoff to other AI tools.
When a brief carries creative intent that no catalog theme fits, Hallmark switches to a Custom mode and designs the palette, type, and layout from scratch under the same slop-test gates. Each generated page is self-contained HTML and CSS, stamped with its macrostructure in a CSS comment.
Features
- Theme catalog: twenty-one themes such as Hum, Cobalt, Carnival, Lumen, Garden, Riso, and Grid
- Slop-test gates: fifty-seven checks plus a self-critique pass run before output
- Build verb: picks a macrostructure, applies the rule-set, and runs the slop test on new UI
- Audit verb: scores existing code against the anti-patterns and returns a punch list
- Redesign verb: rebuilds the structure while preserving copy, IA, and brand
- Study verb: extracts macrostructure, type pairing, and colour anchor from a reference and optionally writes a design.md
- Custom mode: made-to-measure palette, type, and layout when no catalog theme fits the brief
- Self-contained output: single-file HTML and CSS pages
- Assistant targets: Claude Code, Cursor, and Codex, via the skills CLI or by copying SKILL.md and its references
