Nyxx Resources
← All resources
Claude Code · Tools

Hallmark

A free design skill for Claude Code, Codex, Cursor and OpenCode that stops AI-built web pages from looking AI-generated.

Updated Nov 9, 2026

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:

All agents
npx skills add nutlope/hallmark -g
Claude Code only
npx skills add nutlope/hallmark -g --agent claude-code
Claude Code plugin
/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 ↗

More resources