How popular is hallmark on GitHub?

Nutlope/hallmark has 29,472 stars and 1,517 forks on GitHub, and gained 334 stars in the last 7 days.

What license does hallmark use?

Nutlope/hallmark is released under the MIT license.

Nutlope/hallmarkPublic

Anti-AI-slop design skill for Claude Code, Cursor, and Codex.

AI summary: A design skill for Claude Code that refuses to look AI-generated.

Star on GitHub

Stars: 29.5K; +95 today
Forks: 1.5K
Watchers: 60
Open issues: 21
Open PRs: 27
Contributors: ~5
Commits: 138
Branches: 12

CSSMITCreated Apr 27, 2026Last push 1mo ago+334 stars this week+1.5K this month

Quick answers

What is hallmark?: A design skill for Claude Code that refuses to look AI-generated.
What does hallmark do?: Hallmark is a specialized Agent Skill tailored for Claude Code, designed to ensure that generated UI components feel organic and human-crafted. It achieves this by explicitly instructing the AI to avoid common generative hallmarks—such as generic Tailwind styling, symmetrical grid layouts, and overused color palettes. Instead, it guides the model to adopt asymmetric designs, distinct typography, and nuanced spacing that mirror professional, bespoke frontend development. The tool essentially acts as a stylistic governor, forcing the AI to produce frontend code that breaks away from the predictable 'AI look'. It integrates directly into the Claude Code workflow via the standard Agent Skills format.
Who is hallmark for?: Hallmark is intended for frontend developers and designers who use Claude Code for UI generation but demand high-quality, bespoke design outputs. Familiarity with React and Tailwind CSS is assumed.
How do I get started with hallmark?: Integrate the skill into your Claude Code environment following the Agent Skills format.
How popular is hallmark on GitHub?: Nutlope/hallmark has 29,472 stars and 1,517 forks on GitHub, and gained 334 stars in the last 7 days.
What license does hallmark use?: Nutlope/hallmark is released under the MIT license.

Star history

since Jul 27, 2026

29.5K stars as of Oct 4, 2026. Measured daily since Jul 27, 2026; GitHub no longer exposes earlier star timestamps.

Contribution activity

commits per day, last 52 weeks

128 commits in the last yearLessMore

Signals and awards

derived from tracked data

Widely adopted
29,472 stars
Outside contributions
92% of recent commits from the community
Permissive license
MIT
Repeat trending
34 trending appearances

What hallmark does

Hallmark is a specialized Agent Skill tailored for Claude Code, designed to ensure that generated UI components feel organic and human-crafted. It achieves this by explicitly instructing the AI to avoid common generative hallmarks—such as generic Tailwind styling, symmetrical grid layouts, and overused color palettes. Instead, it guides the model to adopt asymmetric designs, distinct typography, and nuanced spacing that mirror professional, bespoke frontend development. The tool essentially acts as a stylistic governor, forcing the AI to produce frontend code that breaks away from the predictable 'AI look'. It integrates directly into the Claude Code workflow via the standard Agent Skills format.

Hallmark is intended for frontend developers and designers who use Claude Code for UI generation but demand high-quality, bespoke design outputs. Familiarity with React and Tailwind CSS is assumed.

Anti-Generative Styling: Employs targeted prompts that forbid the use of common, easily identifiable AI design tropes.
Asymmetric Layout Enforcement: Encourages the generation of varied, human-like layout structures over perfect, rigid grids.
Nuanced Typography Guidelines: Instructs the model to utilize specific typographic scales and distinct font pairings.
Claude Code Integration: Formatted precisely as an Agent Skill for seamless adoption within the Claude Code environment.
Bespoke Component Generation: Shifts the model's output toward creating highly customized, visually unique React components.

Where teams use it

Unique Landing Pages

Frontend developers using Claude Code to rapidly scaffold landing pages that require a distinct, non-templated visual identity.

Brand-Specific Prototyping

Designers guiding the AI to generate UI components that align with specific brand guidelines rather than generic defaults.

Component Library Expansion

Engineers generating new, complex UI elements that blend seamlessly with a project's existing, bespoke design system.

Stylistic Overrides

Applying Hallmark as a stylistic filter when utilizing AI to refactor older, visually dated React components.

Getting started: Integrate the skill into your Claude Code environment following the Agent Skills format.

README

main branch

Hallmark

A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated.

Live demo → · twenty-one themes · four verbs · press T to cycle.

Made by Together AI.

Hallmark picks a macrostructure for the brief, dresses it in one of twenty-one 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

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.

View on GitHub

Recent activity

commits and pull requests

feat: add Claude plugin and marketplace configuration filesOpen
#75 by SocolaDaiCa · updated 22d ago
docs(macrostructures): mark 06 Conversational FAQ as secondary-onlyOpen
#72 by CJstate · updated 1mo ago
fix: update Cursor install instructions to use native skills directoryClosed
#32 by gonzoblasco · updated 1mo ago
fix(site): keep the theme label honest when T fires mid-hoverClosed
#67 by alooshxl · updated 1mo ago
perf(site): drop three unused families from the Google Fonts importClosed
#66 by alooshxl · updated 1mo ago
fix(site): give the theme-picker dots real option rolesClosed
#65 by alooshxl · updated 1mo ago
fix(site): update stale theme counts to 21 after Grid landedClosed
#64 by alooshxl · updated 1mo ago
fix(skill): slop test reports 57 gates, not 58 (#37)Open
#63 by Pavankalyan32 · updated 1mo ago
Merge pull request #57 from Nutlope/add-grid-theme-v2
Nutlope committed 13ac0ec · 1mo ago
Refine Grid before it lands: a marks kit, one plate, and a signal-ink axis
Luffixos committed c20fc5d · 1mo ago
Add Grid, the twenty-first theme
Luffixos committed f5f4a2c · 1mo ago
Merge pull request #27 from Mavi9412/fix/nav-archetype-range-docs
Luffixos committed 0a0f706 · 2mo ago

Recent open issues

view all

Relative links in skills/hallmark/SKILL.md break after `npx skills add`
#76 · 9d ago · by SUUUUI2124
Measured: hallmark cuts pure black/white from 100% to 50% of pages — and four places it could do more
#74 · 24d ago · by ktlesr
Can i use this skill with claude design?
#73 · 29d ago · by Hamidrzash
1
#71 · 1mo ago · by ankiit15
Invitation: get hallmark verified on Sigistry (free, open source)
#70 · 1mo ago · by williankeller
By using open source LLL models doe this work?
#69 · 1mo ago · by omarfarooqiom

Code frequency

additions and deletions

+107.2K lines added, -52.4K removed over the last year.

Commits per week

last 52 weeks

128 commits in the last 52 weeks.

When work happens

weekday and hour

Commit volume by weekday and hour (UTC). Larger dots mean more commits.

Who is committing