RepoDaily · 2026-07-14 · Dataset / Public directory

Hallmark: The Design Skill That Refuses to Look AI-Generated

#5 Dataset / Public directory CSS +802 Nutlope/hallmark Open repository

Together AI's Hallmark ships 20 themes, 57 slop-test gates, and four verbs that plug into Claude Code, Cursor, and Codex. Two briefs produce structurally different sites, not color swaps.

Repo typeDataset / Public directory
Best forDevelopers using Claude Code, Cursor, or Codex who want generated landing pages and UIs that avoid the default LLM design fingerprint.
Risk levelLow — MIT-licensed skill pack with no runtime dependency beyond the coding assistant itself.
Time to evaluateUnder 30 minutes to install the skill and run one build plus one audit on an existing page.

Primary question: Does Hallmark's slop-test gate actually change the structure of what your assistant ships, or does it only restyle surfaces?

92/100

RepoDaily adoption score

RepoDaily rates this as 92/100 (strong) for adoption: evidence, installation path, production risk, differentiation, license clarity, and AI/agent fit are scored from the article sources and adoption notes.

Directional score from RepoDaily sources and adoption notes, not a benchmark.Risk: Low
96Evidence quality

4 source(s) across 3 source category/categories, plus a RepoDaily-specific evidence module when available.

92Installability

5 workflow step(s), 5 next-action step(s), and 1 command/install signal(s) were detected.

75Maintenance confidence

Trending momentum is +802 stars, with maintenance/release/issue signals counted when present.

100Production readiness

Risk is marked low, with 4 security note(s) and 3 explicit skip condition(s).

100Differentiation

3 opportunity lens item(s), 4 alternative(s), and 3 type-specific section(s) support differentiation.

82License clarity

License source or license wording is present.

84Agent / AI fit

6 AI/agent-related signal(s) were detected in the article text and metadata.

Project overview

Hallmark is a design skill published by Together AI that targets a specific, increasingly audible complaint: pages generated by Claude Code, Cursor, and Codex tend to share the same macrostructure. Centered hero, three-card features, gradient headline, indigo-to-violet CTA. Hallmark intercepts the generation path before the assistant emits markup, picks a macrostructure matched to the brief, applies one of twenty themes, and runs fifty-seven slop-test gates plus a pre-emit self-critique. The package.json lists version 1.1.0 and keywords including `anti-ai-slop`, `oklch`, `typography`, and `together-ai`.

The skill is distributed as a portable skill pack rather than a SaaS dependency. The `package.json` declares a `skill.entry` at `skills/hallmark/SKILL.md`, with references under `skills/hallmark/references`, and explicitly lists three harnesses: `claude-code`, `cursor`, and `codex`. That means the same rule-set and audit logic travels across the three coding assistants Hallmark targets, instead of being a Cursor-only extension or a Claude-only plugin.

Hallmark's value proposition is structural, not cosmetic. The README states that two pages generated by Hallmark for two different briefs feel like different sites rather than color-swaps of the same template. The four example pairs on the live demo — a sourdough app under the Hum theme, a honey farm under Garden, a risograph print fair under Riso, and a type studio under Custom — are presented as evidence that the theme and macrostructure selection is tied to the brief, not random.

Problem it solves

  • LLM-generated pages cluster around the same macrostructure: centered hero, equal-height feature grid, testimonial carousel, gradient CTA. Audiences increasingly recognize this fingerprint on sight.
  • Existing design-system tools focus on consistency, not differentiation. They enforce a single look across pages, which is the opposite of what a brief-driven generator needs.
  • Handing a screenshot to a coding assistant and asking for 'something like this' usually produces a pixel clone or a generic reinterpretation, with no portable design intent file.
  • Auditing an existing page for AI-slop patterns is currently manual work — there is no shared checklist that flags on-distribution defaults.

How it works

  1. Install Hallmark as a skill inside Claude Code, Cursor, or Codex. The `package.json` declares the entry point at `skills/hallmark/SKILL.md` and references under `skills/hallmark/references`.
  2. Describe a brief. Hallmark picks a macrostructure matched to that brief, applies one of twenty themes, and prepares the output for the slop-test gate.
  3. Hallmark runs fifty-seven slop-test gates plus a pre-emit self-critique before handing the markup back to the assistant.
  4. Press `T` to cycle through the twenty themes without leaving the assistant. The theme swap is structural, not a recolor.
  5. For existing pages, run `hallmark audit <target>` for a punch list, `hallmark redesign <target>` to rebuild the structure while keeping copy and brand, or `hallmark study <screenshot | URL>` to extract macrostructure, type-pairing, and color anchor into an optional portable `design.md`.

Product demo and interface preview

Hollowback Apiary honey farm hero
Hollowback Apiary honey farm hero — The Garden theme applied to a honey-farm brief — an example of how Hallmark pairs macrostructure to the vertical rather than restyling a shared template. README.md image
Off-Register risograph print fair hero
Off-Register risograph print fair hero — The Riso theme for a print-fair brief shows the structural range Hallmark aims for across verticals. README.md image
Press Quaternary type studio hero
Press Quaternary type studio hero — A type-studio brief rendered under the Custom theme, illustrating how typography-driven briefs get a distinct fingerprint. README.md image
Bubble guided sourdough app hero
Bubble guided sourdough app hero — The Hum theme applied to a sourdough-app brief — one of the eight public examples used to argue that different briefs yield different shapes. README.md image

Command surface

  • Default verb: build new UI — picks macrostructure, applies the rule-set, runs the slop test before returning markup.
  • `hallmark audit <target>` — scores existing code against the anti-patterns and returns a punch list with no edits.
  • `hallmark redesign <target>` — discards the existing structure, keeps copy, information architecture, and brand, then rebuilds with a different fingerprint.
  • `hallmark study <screenshot | URL>` — extracts macrostructure, type-pairing, and color anchor; refuses pixel-clones and paid templates; optionally emits a portable `design.md` for handoff to other AI tools.
  • `npm run serve` (aliased to `python3 -m http.server --directory site 4173`) runs the local demo site on port 4173.

Integration surface

Hallmark is packaged as a skill, not a library. The `package.json` `files` array contains only the `skills` directory, and the `type` is `module`. The `skill.harnesses` array explicitly declares `claude-code`, `cursor`, and `codex`, which means the same rule-set is intended to travel across all three assistants without a per-tool fork. There is no declared runtime dependency and no network call documented in the source pack; the skill lives inside the assistant's own generation loop. The `keywords` array (`claude`, `claude-code`, `cursor`, `codex`, `skill`, `design`, `ui`, `anti-ai-slop`, `typography`, `oklch`, `together-ai`) signals that OKLCH color and type-pairing are first-class concerns inside the rule-set.

How Hallmark differs from other design-tooling approaches

  • Component libraries enforce consistency across pages; Hallmark enforces differentiation across briefs.
  • Screenshot-to-code tools produce pixel clones; Hallmark's `study` verb refuses pixel-clones and paid templates, and emits intent as `design.md` instead.
  • Theme swappers recolor the same DOM; Hallmark's twenty themes are paired with distinct macrostructures selected per brief.
  • Manual design review relies on a human checklist; Hallmark codifies fifty-seven slop-test gates plus a pre-emit self-critique into the generation loop.

Who should pay attention?

Good fit if

  • You ship landing pages through Claude Code, Cursor, or Codex and want the output to stop reading as AI-default at first glance.
  • You maintain multiple brands or product lines and need structurally distinct pages, not a shared template with different palettes.
  • You already hand screenshots to your assistant and want a portable intent file (`design.md`) instead of a pixel clone.
  • You want a concrete anti-slop checklist to run against legacy pages before a redesign.

Skip for now if

  • You work in a design-system-locked enterprise where every page must conform to one component library and one macrostructure.
  • You need Figma-native output or a visual editor; Hallmark operates inside the coding assistant, not in a design canvas.
  • You need the fifty-seven slop-test gates published as a standalone checklist outside the skill pack.

Risks and cautions

Low

MIT-licensed skill pack with no runtime dependencies beyond the coding assistant. The main risk is that the slop-test gates are opaque and may conflict with strict brand systems.

  • MIT License (Copyright (c) 2026 Hallmark contributors) places no commercial restriction on use or redistribution.
  • No declared runtime dependencies in `package.json`; the `files` array ships only the `skills` directory.
  • The fifty-seven slop-test gates and pre-emit self-critique are not individually documented in the README, so teams cannot pre-approve the full rule-set without reading the skill source.
  • Theme and macrostructure selection happens inside the assistant's generation loop, which may conflict with design-system-locked organizations.
  • No declared network calls or external API keys in the source pack; Hallmark runs inside the assistant's own generation path.
  • MIT License with Copyright (c) 2026 Hallmark contributors — permissive for commercial use, modification, and redistribution.
  • The `study` verb explicitly refuses pixel-clones and paid templates, which reduces the risk of reproducing copyrighted design work.
  • The `package.json` ships only the `skills` directory in `files`, limiting the installed footprint.

Alternatives to compare

ApproachWhen to useTrade-off
v0 by Vercel
You want a hosted, first-party generative UI service from a component-library vendor rather than an in-assistant skill.Commercial SaaS
screenshot-to-code
You specifically need a pixel-approximate clone of a screenshot rather than a structural reinterpretation.MIT-licensed
shadcn/ui
You want a shared component baseline and are fine with every page sharing the same look.MIT-licensed
Design Tokens Format Module / DTCG
You need a portable design-tokens standard rather than an in-assistant anti-slop gate.W3C specification, free

What this trend reveals

Publish the 57 slop-test gates as a standalone checklist

The README mentions fifty-seven slop-test gates and a pre-emit self-critique, but the individual gates are not enumerated. A community-maintained, human-readable checklist derived from the skill source could become the canonical anti-slop reference outside the three supported assistants.

Clone the repo, open `skills/hallmark/SKILL.md` and `skills/hallmark/references`, extract each gate into a markdown checklist, and measure adoption via forks and stargazers against the parent repo.

Turn `design.md` into a cross-tool interchange format

Hallmark's `study` verb optionally emits a portable `design.md` for handoff to other AI tools. If that format stabilized, it could become the de-facto intent file passed between Cursor, Claude Code, Codex, and non-Hallmark design agents.

Write a parser for `design.md`, run it against the eight public example briefs on usehallmark.com, and check whether a non-Hallmark agent can reproduce the macrostructure from the file alone.

Theme-pack marketplace around the 20 named themes

Hallmark ships twenty themes (Hum, Cobalt, Carnival, Lumen, Garden, Riso, Custom, and others) paired with distinct macrostructures. A community theme-pack channel would let niche verticals — record labels, apiaries, type studios — contribute brief-specific fingerprints.

Author one additional theme for a vertical not covered by the eight public examples, submit it as a PR, and measure whether it passes the existing slop-test gates without modification.

Best next action

Install Hallmark in one assistant and run one audit + one redesign

The fastest way to evaluate Hallmark is to feel the structural difference, not read about it. Pick one assistant you already use, install the skill, run `audit` on a page you suspect is AI-default, then run `redesign` on the same target and diff the macrostructure.

  1. Open the repo at https://github.com/Nutlope/hallmark and confirm `skills/hallmark/SKILL.md` matches your assistant's harness (claude-code, cursor, or codex).
  2. Install the skill in your chosen assistant per its skill-loading convention.
  3. Run `hallmark audit <target>` on a page you already ship and read the punch list.
  4. Run `hallmark redesign <target>` on the same page and compare the generated macrostructure against the original.
  5. Press `T` to cycle themes on the redesigned output and decide whether the structural variation is sufficient for your brand set.

RepoDaily verdict

Hallmark is the first credible attempt to move anti-AI-slop from a complaint into a measurable, in-assistant rule-set. The fifty-seven slop-test gates, four explicit verbs, and twenty structural themes give developers a concrete lever instead of a vibe. The main open question is whether the gate list and the macrostructure selection hold up under adversarial briefs — and that question is answerable in under an hour with one audit and one redesign.

Sources