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.

<p align="center"> <img src="site/OG-hallmark.png" alt="Hallmark, a design skill that refuses to look AI-generated" /> </p>

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.

<table> <tr> <td width="25%"><a href="https://www.usehallmark.com/examples/hum-07/"><img src="docs/screenshots/hero-hum-07.jpg" alt="Bubble guided sourdough app hero" /></a></td> <td width="25%"><a href="https://www.usehallmark.com/examples/cobalt-01/"><img src="docs/screenshots/hero-cobalt-01.jpg" alt="Distil content-extraction API hero" /></a></td> <td width="25%"><a href="https://www.usehallmark.com/examples/carnival-01/"><img src="docs/screenshots/he