Nutlope/hallmark

GitHub Trending (daily) Tools
design claude-code cursor codex ui-generation anti-slop open-source

Summary

Hallmark is a design skill for Claude Code, Cursor, and Codex that generates non-AI-looking UIs by picking unique macrostructures, twenty themes, and running anti-slop gates and self-critique to avoid generic AI patterns. It includes commands for audit, redesign, and design DNA extraction.

Anti-AI-slop design skill for Claude Code, Cursor, and Codex.
Original Article
View Cached Full Text

Cached at: 07/12/26, 10:51 AM

Nutlope/hallmark

Source: https://github.com/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, a design skill that refuses to look AI-generated

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

VerbWhat 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 guided sourdough app hero Distil content-extraction API hero Cold Snap record-label EP hero Cinder AI reasoning tool hero
Bubble
Sourdough app · Hum		 Distil
Extraction API · Cobalt		 Cold Snap
Record label · Carnival		 Cinder
AI tool · Lumen
Ferns and Fathom tea menu hero Hollowback Apiary honey farm hero Off-Register risograph print fair hero Press Quaternary type studio hero
Ferns & Fathom
Tea menu · Custom		 Hollowback Apiary
Honey farm · Garden		 Off-Register
Print fair · Riso		 Press Quaternary
Type studio · Custom
Tally SaaS product page hero Wayfare travel booking hero NAJM Moroccan fashion brand hero Hyperlane developer infrastructure hero
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 hero The Mend Assembly repair-café broadsheet hero
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 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.

Similar Articles

Claude Design System Prompt

Hacker News Top

An open-source system prompt and skill library that turns an LLM into an opinionated, accessibility-aware design collaborator, rejecting common AI design tropes.

cathrynlavery/diagram-design

GitHub Trending (daily)

An open-source agent skill for Claude Code, Codex, and Pi that generates 27 types of editorial-quality diagrams, automatically matching your brand by reading your website, and can redraw existing draw.io/Mermaid diagrams.