Skip to content
Get Friday PicksSubmit

Hallmark: web pages that don't look AI-made

A design skill that gives each page its own layout and look from a set of themes, then checks the result against a long list of tired AI design habits before handing it over. It can also audit or rebuild a page you already have.

In short: A design skill that gives each page its own layout and look from a set of themes, then checks the result against a long list of tired AI design habits before handing it over. It can also audit or rebuild a page you already have. It is a free skill for people who use Claude Code, Codex or Cursor and want help with seo & web.

Checked on · Added

Works with

Agent / toolAccess / costLink
Claude CodePaid Claude plan or APIclaude.com/claude-code
CodexChatGPT plan or APIopenai.com/codex
CursorFree tier + paidcursor.com
GitHub repoOpen source · ★ 30.6kNutlope/hallmark
Hallmark: web pages that don't look AI-made

Image: from the GitHub README, shown with credit.

Image from the Nutlope/hallmark READMEImage from the Nutlope/hallmark README

Images from the project README on GitHub.

Try it in 60 seconds

npx skills add nutlope/hallmark

Install command copied from the project README. Check the README for the latest version.

What it does

A design skill that gives each page its own layout and look from a set of themes, then checks the result against a long list of tired AI design habits before handing it over. It can also audit or rebuild a page you already have.

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

Short excerpt from the README of Nutlope/hallmark. Read the full README on GitHub.

Inside the repo

Four verbsDifferent briefs, different shapesCustom <sup>NEW</sup>InstallLicence

Step by step

  1. Open the GitHub repo and read the README.
  2. Install: npx skills add nutlope/hallmark (or copy SKILL.md and references/ into ~/.claude/skills/hallmark/).
  3. Ask your agent to build a page from a short brief; Hallmark picks the layout and theme.
  4. For a page you already have: hallmark audit <file> gives a list of problems, hallmark redesign <file> rebuilds it with the same copy.

Watch out for

The author announced a bigger v2 for around 2026-10-22, so commands and themes may change; re-run the install line to update. Its study mode learns the style of a design you like but refuses to copy it pixel for pixel. Overlaps with Impeccable (design vocabulary and commands) and oil-ui (several directions side by side); Hallmark ships ready themes and a pass/fail checklist.

Docs, demos & materials

Common questions

What does Hallmark do?

A design skill that gives each page its own layout and look from a set of themes, then checks the result against a long list of tired AI design habits before handing it over. It can also audit or rebuild a page you already have.

Which AI agents can use Hallmark?

It works with Claude Code, Codex and Cursor. The code is on GitHub at Nutlope/hallmark.

Is Hallmark free?

Free & open source (MIT), made by Together AI. No account or API key needed.

How do I install Hallmark?

Run the install command from the README: “npx skills add nutlope/hallmark”. Check the README on GitHub for the latest version, then follow the steps on this page.

Is Hallmark safe to install?

We read 149 instruction and code files in the repo and found no red flags. That is not a guarantee, so review anything that runs commands on your machine.

Sources & credit

All credit to the original authors. We rewrite in our own words and link back. Something wrong? Report it.

Related skills and use cases in SEO & Web

See all SEO & Web entries →

Related

UI UX Pro Max: design intelligence for agents thumbnailSKILL0:26

UI UX Pro Max: design intelligence for agents

Styles, palettes and UX rules so agent-built sites stop looking generic.

Claude Code logoCodex logoCursor logoClaude Code +2★ 135.9k
Taste Skill: art direction for coding agents thumbnailSKILL0:39

Taste Skill: art direction for coding agents

Set taste dials and references so agent UIs don't look AI-generated.

Claude Code logoCodex logoCursor logoClaude Code +2★ 96.5k
Diagram Design: branded diagrams as one HTML file thumbnailSKILL

Diagram Design: branded diagrams as one HTML file

45 diagram types as self-contained HTML+SVG in your brand, great for decks and carousels.

Claude Code logoCodex logoCursor logoClaude Code +2★ 55.4k
oil-motion: scroll and cursor web animations thumbnailSKILL

oil-motion: scroll and cursor web animations

A web animation skill that builds animations that follow scrolling and mouse movement on your pages.

Claude Code logoCodex logoClaude Code +1★ 2.6k
Oil UI: three real design directions, side by side thumbnailSKILL

Oil UI: three real design directions, side by side

A UI design skill that has your agent build a few truly different looks for a site or app, lay them out on one comparison page for you to pick from, then polish the winner against real desktop and mobile screenshots.

Claude Code logoCodex logoCursor logoClaude Code +2★ 1.9k
Open SEO MCP + skills (keywords, ranks, audits) thumbnailSKILL

Open SEO MCP + skills (keywords, ranks, audits)

Free SEO MCP server and skills for keyword research, rank tracking, audits and backlinks.

Claude Code logoCodex logoClaude Code +1★ 5.5k

Free newsletter

Friday Picks

New AI tools you can use right away, in plain words. Every Friday.

Free. No spam. Unsubscribe anytime.