AIToday

Hallmark: Anti-AI Design Skill for Claude, Cursor, Codex

Hacker News5h agoSend on LINE
Hallmark: Anti-AI Design Skill for Claude, Cursor, Codex

Key takeaway

Together AI released Hallmark, a design skill that generates UI code for Claude Code, Cursor, and Codex while deliberately avoiding the recognizable patterns typical of AI-generated design. It applies fifty-seven anti-pattern checks across twenty available themes and can generate fully custom designs when none fit the brief. The tool is available now under an MIT license.

Summaries like this, in your inbox every morning.

Sign up free →

3 Key Points

  • What happened

    Together AI released Hallmark, a design skill for Claude Code, Cursor, and Codex that generates UI code designed to avoid looking AI-generated. It picks a macrostructure, applies one of twenty themes, runs fifty-seven anti-pattern checks, and performs self-critique before output.

  • Why it matters

    AI-generated design often defaults to recognizable patterns ("slop"). Hallmark forces variation in structure and craft so two different briefs produce visually distinct sites rather than template recolors, which could help developers ship designs that feel intentional rather than templated.

  • What to watch

    The skill is available now via `npx skills add nutlope/hallmark` for Claude Code, Cursor, and Codex. It includes four verbs—default build, audit (score existing code), redesign (rebuild with a different fingerprint), and study (extract design DNA from a reference). A Custom mode generates made-to-measure layouts when no catalog theme fits.

In Depth

Together AI released Hallmark, a design skill built for Claude Code, Cursor, and Codex that generates UI code with explicit guardrails against recognizable AI-generated patterns. The tool's core insight is that language models tend to converge on the same structural defaults—what the documentation calls "on-distribution defaults"—so Hallmark instead picks a macrostructure for each brief, applies one of twenty available themes, runs fifty-seven anti-pattern gates (the "slop-test gates"), and performs a pre-emission self-critique. The result is that two pages generated from different briefs should look visually and structurally distinct, not like colour-swapped instances of the same template.

The skill exposes four verbs. The default builds new UI from a brief, picking theme, structure, and craft to fit the request. `hallmark audit <target>` scores existing code against anti-patterns and returns a punch list without edits. `hallmark redesign <target>` discards the structure but preserves copy, information architecture, and brand, then rebuilds with a different fingerprint. `hallmark study <screenshot | URL>` extracts design DNA—macrostructure, type-pairing, colour anchor—from a design the user admires, refusing pixel-clones and paid templates; it can optionally emit a portable design.md for handoff to other AI tools.

Hallmark ships with twenty named themes (including Bubble, Carnival, Garden, Riso, modern-minimal, and atmospheric) and a Custom mode. When a brief carries creative intent that no catalog theme fits, Custom switches to made-to-measure design: a palette, type, and layout built from scratch, still subject to the fifty-seven anti-slop gates. Custom designs remain hidden unless the brief explicitly requests them; vanilla briefs do not see the Custom branch. The protocol for custom design lives in custom-theme.md.

Installation is straightforward: `npx skills add nutlope/hallmark` downloads and installs the skill. For Cursor, developers copy the body of SKILL.md into .cursor/rules/hallmark.mdc. For Claude Code or Codex, place the files in the respective skills directories. The rule-set, worked examples, and study cases are documented in SKILL.md, docs/recipes.md, and docs/study-examples.md. Hallmark is released under the MIT license and available now at usehallmark.com, with the full test set browsable under site/_tests/.

Context & Analysis

Hallmark addresses a growing frustration in AI-assisted design: the homogeneity of LLM-generated layouts. Because large language models are trained on common web design patterns, they tend to produce variations on the same structural templates, differing mainly in colour and typography—a phenomenon the tool's makers call "slop." Hallmark tackles this by imposing a rule-set with fifty-seven anti-pattern gates that force structural variation. The tool's twenty themes and Custom mode ensure that each brief receives a distinct macrostructure rather than a recoloured copy of a single underlying template.

The four verbs (build, audit, redesign, study) give developers different entry points. A designer might use study to extract the DNA of an admired design, then fold that into a new brief; or use redesign to overhaul the structure of existing code while preserving its copy and information architecture. The audit function surfaces anti-patterns without proposing edits, leaving judgment to the human. All four enforce the same anti-slop rule-set, so the output should feel intentional and varied rather than templated.

FAQ

What does Hallmark do differently from default code generation?
Hallmark picks a macrostructure, applies a rule-set across 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 from Hallmark for different briefs feel like different sites, not colour-swaps of the same template.
What are the four verbs in Hallmark?
The default verb builds new UI with slop testing. `hallmark audit` scores existing code against anti-patterns. `hallmark redesign` throws out the structure but keeps copy, IA, and brand, then rebuilds with a different fingerprint. `hallmark study` extracts design DNA from a screenshot or URL and optionally emits a portable design.md.
How do I install and use Hallmark?
Run `npx skills add nutlope/hallmark` to install. It works with Claude Code, Cursor, and Codex. For Cursor, copy the body of SKILL.md into .cursor/rules/hallmark.mdc. For Claude Code or Codex, place files in the respective skills directory. The rule-set and examples are in SKILL.md, custom-theme.md, docs/recipes.md, and docs/study-examples.md.

Get the latest Large Language Models news every morning

AI-summarized, only the topics you pick — one digest a day via Email, Slack, or Discord.

Free · takes 30 seconds · unsubscribe anytime

Discussion

No comments yet. Be the first to share your thoughts!

Log in to join the discussion

Related Articles

Stay ahead with AI news

Get curated AI news from 200+ sources delivered daily to your inbox. Free to use.

Get Started Free

Free · takes 30 seconds · unsubscribe anytime