Hallmark is a design skill for Claude Code, Cursor, and Codex that generates website interfaces explicitly designed to avoid looking AI-generated. Created by Together AI and written primarily in CSS, the tool operates as a plugin that can be installed into these AI coding assistants to enforce anti-AI-slop design principles during code generation.
The core functionality centers on four distinct verbs. The default behavior builds new UI by selecting a macrostructure, applying a themed rule-set, and running fifty-seven slop-test gates plus a pre-emit self-critique before returning the result. The audit verb scores existing code against anti-patterns and produces a punch list without making edits. The redesign verb throws out the structure while preserving copy, information architecture, and brand elements, then rebuilds with a different fingerprint. The study verb extracts design DNA from a screenshot or URL, identifying macrostructure, type-pairing, and color anchors while refusing pixel-clones and paid templates, optionally emitting a portable design.md file for handoff to other AI tools.
The skill includes twenty themes that can be cycled through by pressing T. Rather than applying color swaps to a single template, Hallmark generates distinct macrostructures for different briefs, ensuring that two pages created from different prompts feel like genuinely different sites. The repository includes worked examples spanning diverse use cases: a sourdough app using the Bubble theme, an extraction API in Cobalt, a record label EP in Carnival, an AI reasoning tool in Lumen, a tea menu in Custom, a honey farm in Garden, a print fair in Riso, a type studio in Press, and SaaS, travel, fashion, and developer infrastructure products using modern-minimal and atmospheric themes.
A Custom mode addresses briefs with creative intent that no catalog theme fits. When triggered, Hallmark designs the page from scratch with a made-to-measure palette, type, and layout, applying the same fifty-seven slop-test gates without relying on any template underneath. This mode remains a quiet branch that vanilla briefs never access.
Installation involves copying the SKILL.md file and references directory into the appropriate location for each tool: ~/.claude/skills/hallmark/ for Claude Code, .cursor/rules/hallmark.mdc for Cursor, or ~/.codex/skills/hallmark/ or .codex/skills/hallmark/ for Codex. The rule-set is documented in SKILL.md and the references directory, with worked examples provided in docs/recipes.md and docs/study-examples.md. Each generated page is self-contained HTML and CSS with its macrostructure stamped in CSS comments, and the full set of examples is browsable at usehallmark.com or in the site/_tests/ directory. The project is released under the MIT license.
