{"slug": "hallmark-anti-ai-slop-design-skill-for-claude-code-cursor-and-codex", "title": "Hallmark – Anti-AI-Slop Design Skill for Claude Code, Cursor, and Codex", "summary": "Together AI released Hallmark, an anti-AI-slop design skill for Claude Code, Cursor, and Codex that generates UI with twenty themes, four verbs, and 57 slop-test gates plus a pre-emit self-critique to avoid on-distribution defaults. The skill picks a macrostructure for each brief, dresses it in one of twenty themes, and can switch to a custom mode for creative intent that designs from scratch without a template. Hallmark is available under MIT license via npx skills add nutlope/hallmark.", "body_md": "**A design skill for Claude Code, Cursor, and Codex that refuses to look AI-generated.**\n\n[Live demo →](https://www.usehallmark.com) · twenty themes · four verbs · press `T`\n\nto cycle.\n\nMade by Together AI.\n\nHallmark picks a macrostructure for the brief, dresses it in one of twenty 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| Verb | What it does |\n|---|---|\n(default) |\nBuild new UI. Picks a macrostructure, applies the rule-set, runs the slop test before handing back. |\n`hallmark audit <target>` |\nScore existing code against the anti-patterns. Punch list, no edits. |\n`hallmark redesign <target>` |\nThrow out the structure, keep copy + IA + brand, rebuild with a different fingerprint. |\n`hallmark study <screenshot | URL>` |\nExtract 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\nEach generated from a different brief. The skill picks the theme, structure, and craft to fit each one, not from a template.\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/](/Nutlope/hallmark/blob/main/site/_tests).\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\nThe Cascadia NightjarSleeper-train ticket · Custom |\nThe Mend AssemblyRepair-café broadsheet · Custom |\n\nIt stays a quiet branch; vanilla briefs never see it. The protocol lives in [ custom-theme.md](/Nutlope/hallmark/blob/main/skills/hallmark/references/custom-theme.md).\n\n```\nnpx skills add nutlope/hallmark\n```\n\nRe-run any time to update. Or copy [ SKILL.md](/Nutlope/hallmark/blob/main/skills/hallmark/SKILL.md) +\n\n[into:](/Nutlope/hallmark/blob/main/skills/hallmark/references)\n\n`references/`\n\n**Claude Code**:`~/.claude/skills/hallmark/`\n\n**Cursor**:`.cursor/rules/hallmark.mdc`\n\n(body of`SKILL.md`\n\n, no frontmatter)**Codex**:`~/.codex/skills/hallmark/`\n\n(personal) or`.codex/skills/hallmark/`\n\n(project-scoped)\n\nThe rule-set lives in [ SKILL.md](/Nutlope/hallmark/blob/main/skills/hallmark/SKILL.md) and\n\n[. Worked examples in](/Nutlope/hallmark/blob/main/skills/hallmark/references)\n\n`references/`\n\n[and](/Nutlope/hallmark/blob/main/docs/recipes.md)\n\n`docs/recipes.md`\n\n[.](/Nutlope/hallmark/blob/main/docs/study-examples.md)\n\n`docs/study-examples.md`\n\nMIT. Use it, fork it, ship it.", "url": "https://wpnews.pro/news/hallmark-anti-ai-slop-design-skill-for-claude-code-cursor-and-codex", "canonical_source": "https://github.com/Nutlope/hallmark", "published_at": "2026-07-26 14:25:17+00:00", "updated_at": "2026-07-26 14:52:50.727585+00:00", "lang": "en", "topics": ["developer-tools", "generative-ai", "ai-tools"], "entities": ["Together AI", "Claude Code", "Cursor", "Codex", "Hallmark"], "alternates": {"html": "https://wpnews.pro/news/hallmark-anti-ai-slop-design-skill-for-claude-code-cursor-and-codex", "markdown": "https://wpnews.pro/news/hallmark-anti-ai-slop-design-skill-for-claude-code-cursor-and-codex.md", "text": "https://wpnews.pro/news/hallmark-anti-ai-slop-design-skill-for-claude-code-cursor-and-codex.txt", "jsonld": "https://wpnews.pro/news/hallmark-anti-ai-slop-design-skill-for-claude-code-cursor-and-codex.jsonld"}}