Hallmark: a design skill so AI-built sites stop looking AI-built
TL;DR
Hallmark (Nutlope/hallmark, MIT) is a design skill for Claude Code, Cursor and Codex. It picks deliberate page structures and themes, varies component archetypes, then runs a 65-gate check (typography, contrast, focus rings, honest copy…) before handing off a UI.
Four modes
| Mode | What it does |
|---|---|
| Build (default) | New UI from a brief: picks structure + theme, checks before handoff |
| Audit | Scores existing code and returns a punch list without editing |
| Redesign | Keeps copy and information structure, rebuilds the visuals |
| Study | Analyses a screenshot/URL and exports design.md for other tools |
What fights the “AI slop”
- Many page structures and themes across style genres, so consecutive builds don’t look alike.
- Project memory in
.hallmark/log.jsonso later runs vary themes and structures. - A “slop test” where failing a single gate blocks handoff.
- Rejects vague briefs and generic copy.
Install
npx skills add nutlope/hallmarkHow to put it to work
- Run Audit on an existing landing page first to see where it looks “AI”.
- Pair it with your team’s design system: the skill avoids common mistakes, but brand identity is still yours to define.
- Still test accessibility and real performance after building.
Further reading: Hallmark overview (mer.vin)