Nutlope/hallmark
Anti-AI-slop design skill for Claude Code, Cursor, and Codex.
Build with Backblaze B2
SDKs, agent skills, IDE extensions, and reference pipelines from Backblaze Labs. All open source.
Loading star history...
Use Cases & Benefits
- Provides a design skill that generates UI layouts refusing to look AI-generated by applying unique macrostructures and themes with rigorous anti-pattern testing.
- Ensures each design output is distinct and natural-looking by running 57 slop-test gates and self-critiques, avoiding repetitive AI template defaults.
- Use for creating diverse, non-template web page designs automatically tailored to different briefs and creative intents.
- Use for auditing and scoring existing UI code against anti-patterns to improve design quality without altering the original code.
- Use for extracting design DNA from admired screenshots or URLs to replicate macrostructure, typography, and color schemes for handoff or inspiration.
About hallmark
Hallmark
A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated.
Live demo → · twenty themes · four verbs · press T to cycle.
Made by Together AI.
Hallmark picks a macrostructure for the brief, dresses it in one of twenty themes, runs fifty-seven slop-test gates plus a pre-emit self-critique, and refuses the on-distribution defaults every LLM was trained into. Two pages by Hallmark for two different briefs feel like different sites, not colour-swaps of the same template.
Four verbs
| Verb | What it does |
|---|---|
| (default) | Build new UI. Picks a macrostructure, applies the rule-set, runs the slop test before handing back. |
hallmark audit <target> | Score existing code against the anti-patterns. Punch list, no edits. |
hallmark redesign <target> | Throw out the structure, keep copy + IA + brand, rebuild with a different fingerprint. |
hallmark study <screenshot | URL> | Extract the DNA from a design you admire: macrostructure, type-pairing, colour anchor. Refuses pixel-clones and paid templates. Optionally emits a portable design.md for handoff to other AI tools. |
Different briefs, different shapes
Each generated from a different brief. The skill picks the theme, structure, and craft to fit each one, not from a template.
 |  |  |  |
| Bubble Sourdough app · Hum | Distil Extraction API · Cobalt | Cold Snap Record label · Carnival | Cinder AI tool · Lumen |
 |  |  |  |
| Ferns & Fathom Tea menu · Custom | Hollowback Apiary Honey farm · Garden | Off-Register Print fair · Riso | Press Quaternary Type studio · Custom |
 |  |  |  |
| Tally SaaS · modern-minimal | Wayfare Travel · atmospheric | NAJM Fashion brand | Hyperlane Dev infrastructure |
Each page is self-contained HTML + CSS, stamped with its macrostructure in the CSS comment. Browse the full set at usehallmark.com or under site/_tests/.
Custom NEW
When a brief carries creative intent that no catalog theme fits, Hallmark switches to Custom and designs the page from scratch: a made-to-measure palette, type, and layout. Same 57 slop-test gates, no template underneath.
 |  |
| The Cascadia Nightjar Sleeper-train ticket · Custom | The Mend Assembly Repair-café broadsheet · Custom |
It stays a quiet branch; vanilla briefs never see it. The protocol lives in custom-theme.md.
Install
npx skills add nutlope/hallmark
Re-run any time to update. Or copy SKILL.md + references/ into:
- Claude Code:
~/.claude/skills/hallmark/ - Cursor:
.cursor/rules/hallmark.mdc(body ofSKILL.md, no frontmatter) - Codex:
~/.codex/skills/hallmark/(personal) or.codex/skills/hallmark/(project-scoped)
The rule-set lives in SKILL.md and references/. Worked examples in docs/recipes.md and docs/study-examples.md.
Licence
MIT. Use it, fork it, ship it.
Discover Repositories
Search across tracked repositories by name or description