{
  "markdown": "# Hallmark\n\n**A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated.**\n\n[Live demo →](https://www.usehallmark.com) &nbsp;·&nbsp; twenty-one themes &nbsp;·&nbsp; four verbs &nbsp;·&nbsp; press `T` to cycle.\n\nMade by Together AI.\n\n<p align=\"center\">\n  <img src=\"site/OG-hallmark.png\" alt=\"Hallmark, a design skill that refuses to look AI-generated\" />\n</p>\n\nHallmark 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.\n\n---\n\n## Four verbs\n\n| Verb | What it does |\n| --- | --- |\n| *(default)* | Build new UI. Picks a macrostructure, applies the rule-set, runs the slop test before handing back. |\n| `hallmark audit <target>` | Score existing code against the anti-patterns. Punch list, no edits. |\n| `hallmark redesign <target>` | Throw out the structure, keep copy + IA + brand, rebuild with a different fingerprint. |\n| `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. |\n\n---\n\n## Different briefs, different shapes\n\nEach generated from a different brief. The skill picks the theme, structure, and craft to fit each one, not from a template.\n\n<table>\n  <tr>\n    <td width=\"25%\"><a href=\"https://www.usehallmark.com/examples/hum-07/\"><img src=\"docs/screenshots/hero-hum-07.jpg\" alt=\"Bubble guided sourdough app hero\" /></a></td>\n    <td width=\"25%\"><a href=\"https://www.usehallmark.com/examples/cobalt-01/\"><img src=\"docs/screenshots/hero-cobalt-01.jpg\" alt=\"Distil content-extraction API hero\" /></a></td>\n    <td width=\"25%\"><a href=\"https://www.usehallmark.com/examples/carnival-01/\"><img src=\"docs/screenshots/hero-carnival-01.jpg\" alt=\"Cold Snap record-label EP hero\" /></a></td>\n    <td width=\"25%\"><a href=\"https://www.usehallmark.com/examples/lumen-01/\"><img src=\"docs/screenshots/hero-lumen-01.jpg\" alt=\"Cinder AI reasoning tool hero\" /></a></td>\n  </tr>\n  <tr>\n    <td><b>Bubble</b><br/><sub>Sourdough app · Hum</sub></td>\n    <td><b>Distil</b><br/><sub>Extraction API · Cobalt</sub></td>\n    <td><b>Cold Snap</b><br/><sub>Record label · Carnival</sub></td>\n    <td><b>Cinder</b><br/><sub>AI tool · Lumen</sub></td>\n  </tr>\n  <tr>\n    <td><a href=\"https://www.usehallmark.com/examples/custom-03/\"><img src=\"docs/screenshots/hero-custom-03.jpg\" alt=\"Ferns and Fathom tea menu hero\" /></a></td>\n    <td><a href=\"https://www.usehallmark.com/examples/garden-01/\"><img src=\"docs/screenshots/hero-garden-01.jpg\" alt=\"Hollowback Apiary honey farm hero\" /></a></td>\n    <td><a href=\"https://www.usehallmark.com/examples/riso-01/\"><img src=\"docs/screenshots/hero-riso-01.jpg\" alt=\"Off-Register risograph print fair hero\" /></a></td>\n    <td><a href=\"https://www.usehallmark.com/examples/press-01/\"><img src=\"docs/screenshots/hero-press-01.jpg\" alt=\"Press Quaternary type studio hero\" /></a></td>\n  </tr>\n  <tr>\n    <td><b>Ferns &amp; Fathom</b><br/><sub>Tea menu · Custom</sub></td>\n    <td><b>Hollowback Apiary</b><br/><sub>Honey farm · Garden</sub></td>\n    <td><b>Off-Register</b><br/><sub>Print fair · Riso</sub></td>\n    <td><b>Press Quaternary</b><br/><sub>Type studio · Custom</sub></td>\n  </tr>\n  <tr>\n    <td><a href=\"https://www.usehallmark.com/examples/tally/\"><img src=\"docs/screenshots/hero-tally.jpg\" alt=\"Tally SaaS product page hero\" /></a></td>\n    <td><a href=\"https://www.usehallmark.com/examples/wayfare/\"><img src=\"docs/screenshots/hero-wayfare.jpg\" alt=\"Wayfare travel booking hero\" /></a></td>\n    <td><a href=\"https://www.usehallmark.com/examples/najm/\"><img src=\"docs/screenshots/hero-najm.jpg\" alt=\"NAJM Moroccan fashion brand hero\" /></a></td>\n    <td><a href=\"https://www.usehallmark.com/examples/hyperlane/\"><img src=\"docs/screenshots/hero-hyperlane.jpg\" alt=\"Hyperlane developer infrastructure hero\" /></a></td>\n  </tr>\n  <tr>\n    <td><b>Tally</b><br/><sub>SaaS · modern-minimal</sub></td>\n    <td><b>Wayfare</b><br/><sub>Travel · atmospheric</sub></td>\n    <td><b>NAJM</b><br/><sub>Fashion brand</sub></td>\n    <td><b>Hyperlane</b><br/><sub>Dev infrastructure</sub></td>\n  </tr>\n</table>\n\nEach page is self-contained HTML + CSS, stamped with its macrostructure in the CSS comment. Browse the full set at [usehallmark.com](https://www.usehallmark.com) or under [`site/_tests/`](site/_tests/).\n\n---\n\n## Custom <sup>NEW</sup>\n\nWhen 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.\n\n<table>\n  <tr>\n    <td width=\"50%\"><a href=\"https://www.usehallmark.com/examples/custom-02/\"><img src=\"docs/screenshots/hero-custom-02.jpg\" alt=\"The Cascadia Nightjar sleeper-train ticket hero\" /></a></td>\n    <td width=\"50%\"><a href=\"https://www.usehallmark.com/examples/custom-04/\"><img src=\"docs/screenshots/hero-custom-04.jpg\" alt=\"The Mend Assembly repair-café broadsheet hero\" /></a></td>\n  </tr>\n  <tr>\n    <td><b>The Cascadia Nightjar</b><br/><sub>Sleeper-train ticket · Custom</sub></td>\n    <td><b>The Mend Assembly</b><br/><sub>Repair-café broadsheet · Custom</sub></td>\n  </tr>\n</table>\n\nIt stays a quiet branch; vanilla briefs never see it. The protocol lives in [`custom-theme.md`](skills/hallmark/references/custom-theme.md).\n\n---\n\n## Install\n\n```\nnpx skills add nutlope/hallmark\n```\n\nRe-run any time to update. Or copy [`SKILL.md`](skills/hallmark/SKILL.md) + [`references/`](skills/hallmark/references/) into:\n\n- **Claude Code**: `~/.claude/skills/hallmark/`\n- **Cursor**: `.cursor/rules/hallmark.mdc` (body of `SKILL.md`, no frontmatter)\n- **Codex**: `~/.codex/skills/hallmark/` (personal) or `.codex/skills/hallmark/` (project-scoped)\n\nThe rule-set lives in [`SKILL.md`](skills/hallmark/SKILL.md) and [`references/`](skills/hallmark/references/). Worked examples in [`docs/recipes.md`](docs/recipes.md) and [`docs/study-examples.md`](docs/study-examples.md).\n\n---\n\n## Licence\n\nMIT. Use it, fork it, ship it.\n",
  "bytes": 6302,
  "sha": "878aa11aab1785f7a9d6c2eec889220b53cda4ddc22bf38cf575af98f99bfe72",
  "repo_slug": "nutlope/hallmark",
  "fonte": "repo",
  "truncated": false,
  "api": "https://agentalog.com/api/listings/skl_nutlope_hallmark_hallmark_636267eb/readme"
}