hallmark

Hallmark

Attribution. Vendored from nutlope/hallmark — authored by Hassan El Mghari (nutlope), made by Together AI, copyright "Hallmark contributors". Upstream v1.1.0, commit 13ac0ec (2026-08-06), vendored 2026-08-22. Upstream is MIT licensed; the license text travels with this copy as LICENSE.upstream, which satisfies the MIT attribution requirement.

PSD adaptations (rule-set text is unmodified):

• Frontmatter rewritten for the PSD plugin standard (model / effort / extended-thinking, narrowed description so it doesn't collide with /lfg, added argument-hint).
• site/css/tokens.css vendored to references/tokens.css — a functional dependency, not a doc link: 16 of the 21 themes exist only as token blocks in that file.
• docs/recipes.md and docs/study-examples.md vendored to references/.
• Links to upstream site/examples/ and site/_tests/ builds repointed at GitHub (not vendored).

A design skill for AI coding assistants. Makes the UIs they generate look made, not generated.

Hallmark is opinionated, short, and boring on purpose. It encodes a tight set of rules — drawn from the consensus of the anti-AI-slop design field (Anthropic's frontend-design skill, the Claude cookbook on frontend aesthetics, and the 2026 "tactile rebellion" movement) — and refuses to let the model fall back to the defaults every LLM was trained on.

The differentiator: Hallmark insists on structural variety, not just visual variety. Two pages by Hallmark for two different briefs should not share the same hero → 3-feature → CTA → footer rhythm. They should feel like different sites, not different colour-swaps of the same template. See references/structure.md.

Powered by Together AI.

---

How to use this skill

Hallmark has one default behaviour and three explicit verbs.

Invocation	What it does
(default)	The user asked you to design or build something new. Follow the Design flow below.
hallmark audit <target>	Read the target, score it against the anti-pattern list, return a ranked punch list. Do not edit.
hallmark redesign <target> [--mood <name>]	Take the target's content and intent, then redesign the visual structure inside the existing implementation boundaries unless the user explicitly confirms a full rebuild. New section rhythm, new heading placement, new component voice. Preserve existing routes, component ownership, copy intent, brand, and information architecture; replace only the visual/interaction layer needed for the requested scope.
hallmark study <screenshot | URL>	The user pasted or attached an image of a design they admire, or pasted a URL to a live page. Extract the DNA — macrostructure, archetypes, type-pairing, colour anchor — and produce a diagnosis report, then optionally rebuild the user's content using the extracted DNA or emit a portable design.md of the DNA. Detection is automatic: a URL (http:// / https:// prefix) routes to URL mode; anything else routes to image mode. URL mode reads the page's HTML and CSS via WebFetch — it can name exact fonts and exact colour values, but can't judge rhythm. After the diagnosis, the user has three follow-ups: build with the DNA (handoff to default), lock the DNA into a portable design.md (opt-in via "lock the DNA" / "give me a design.md"), or stop at the diagnosis. Never copies pixels. Refuses template-marketplace URLs. Tighter refusal layer for design.md emission than for the diagnosis itself — URL-mode emission requires attestation that the source is the user's own or a public reference for their own brand. Falls back to asking for a screenshot if the URL is auth-walled, a JS-only SPA shell, or otherwise un-readable. Load references/study.md before this verb runs.