https://github.com/Nutlope/hallmark
Anti-AI-slop design skill for Claude Code, Cursor, and Codex.
https://github.com/Nutlope/hallmark
Last synced: 4 days ago
JSON representation
Anti-AI-slop design skill for Claude Code, Cursor, and Codex.
- Host: GitHub
- URL: https://github.com/Nutlope/hallmark
- Owner: Nutlope
- License: mit
- Created: 2026-04-27T20:47:10.000Z (2 months ago)
- Default Branch: main
- Last Pushed: 2026-06-04T20:42:42.000Z (27 days ago)
- Last Synced: 2026-06-17T07:35:00.682Z (15 days ago)
- Language: CSS
- Homepage: https://www.usehallmark.com/
- Size: 72.1 MB
- Stars: 3,117
- Watchers: 9
- Forks: 195
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
- License: LICENSE
- Roadmap: ROADMAP.md
Awesome Lists containing this project
- awesome-claude-code - **hallmark** - AI-slop design skill for Claude Code, Cursor, and Codex. (🧠 Agent Skills)
README
# Hallmark
**A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated.**
[Live demo →](https://www.usehallmark.com) · 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 ` | Score existing code against the anti-patterns. Punch list, no edits. |
| `hallmark redesign ` | Throw out the structure, keep copy + IA + brand, rebuild with a different fingerprint. |
| `hallmark study ` | 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](https://www.usehallmark.com) or under [`site/_tests/`](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`](skills/hallmark/references/custom-theme.md).
---
## Install
```
npx skills add nutlope/hallmark
```
Re-run any time to update. Or copy [`SKILL.md`](skills/hallmark/SKILL.md) + [`references/`](skills/hallmark/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`](skills/hallmark/SKILL.md) and [`references/`](skills/hallmark/references/). Worked examples in [`docs/recipes.md`](docs/recipes.md) and [`docs/study-examples.md`](docs/study-examples.md).
---
## Licence
MIT. Use it, fork it, ship it.