Hallmark
A free design skill for Claude Code, Codex, Cursor and OpenCode that stops AI-built web pages from looking AI-generated.
Open Hallmark on GitHub ↗What it is
Hallmark is an open-source skill by Together AI that you add to your coding agent. When you ask the agent for a web page, Hallmark guides the design so the result looks deliberate instead of like every other AI-generated site. It's free and MIT licensed.
What you get
- 50 themes, each with its own components and texture
- Layouts built around the page's job: booking, selling, subscribing
- Real product screenshots from a URL, dev server or app
- A library of 755 openly licensed photos, credited on the page
- A redesign command that keeps your content, and an audit command that only reports issues
- Built-in checks for contrast, focus states and reduced motion
Install
You need Node 18 or later. Pick one:
npx skills add nutlope/hallmark -g
npx skills add nutlope/hallmark -g --agent claude-code
/plugin marketplace add nutlope/hallmark /plugin install hallmark@hallmark
Use it
- /hallmark <prompt>
- Design a new page from a description.
- /hallmark redesign <path>
- Rebuild an existing page, keeping its content and wiring.
- /hallmark audit <path>
- Report design problems without changing anything.
In Codex, use $hallmark instead of /hallmark.
Open Hallmark on GitHub ↗