hallmark

Wed, 15 Jul 2026 17:17:41 +0800

Nutlope/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

`1`	`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 of SKILL.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.

Design Skill on Producthunt daily