Skip to content

Hallmark - Setup Guide

Source: nutlope/hallmark (48.6K installs) GitHub: nutlope/hallmark (27.6K stars) Skill: hallmark, 48.5K installs Category: Design / Frontend First Seen: skills.sh May 19, 2026; catalogued in the Aug 31, 2026 sweep Quality Tier: 🟢 Production - publisher authority (Hassan El Mghari / nutlope) and all three skills.sh security audits Pass (see Security Audit Status)

Hallmark is a design skill for AI coding assistants that makes the UIs they generate look made, not generated. It is opinionated, short, and boring on purpose: it encodes a tight rule set 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 is structural variety, not just visual variety. Two pages built by Hallmark for two different briefs should not share the same hero, three-feature, CTA, footer rhythm. They should feel like different sites, not different color swaps of the same template. The structural rules live in references/structure.md in the repo. The skill is Powered by Together AI.

The skill has one default behavior and three explicit verbs (defined in SKILL.md), which gives a Hermes agent a fixed interface for steering design output instead of free-form prompting.

Installation

npx skills add https://github.com/nutlope/hallmark --skill hallmark

Or the shorthand:

npx skills add nutlope/hallmark

Prerequisites

Requirement Details
Node.js Recent LTS for the npx skills installer
Agent skill directory Any agent that reads SKILL.md packages (Hermes skills format)

Core Skill

Skill Installs Use For
hallmark 48.5K Anti-slop frontend design: structural variety, non-default layouts, tactile-rebellion styling, and a fixed verb interface (one default behavior + three explicit verbs) for steering generated UI

Security Audit Status (skills.sh, verified Aug 31, 2026)

Skill Gen Agent Trust Hub Socket Snyk
hallmark Pass Pass Pass

All three audits Pass - the basis for the 🟢 Production tier.

CorpusIQ Use Cases

Use Case How
Landing pages that do not look template-generated Hallmark's structural-variety rules prevent the hero → 3 features → CTA → footer rhythm that flags AI output; every CorpusIQ page gets a distinct structure
Visual answers and reports When agents generate HTML for business reports or visual answers, Hallmark's rules stop the default LLM aesthetics
Brand surface work SEO pages, pricing pages, and product pages generated by agents read as designed artifacts rather than model defaults
Prompt design reference The SKILL.md is a working example of a tight, opinionated design constraint set - a model for CorpusIQ's own content gates

Limitations / Verification

  • Single-skill cluster; the full anti-slop rule set lives in references/structure.md inside the repo - install with the repo (not a copied excerpt) so the reference files stay available.
  • Hallmark is a constraint skill, not a component library: it shapes how an agent writes HTML/CSS but ships no UI components itself.
  • The three explicit verbs and default behavior are documented in SKILL.md; read them once before relying on the verb interface.

Verification after install:

npx skills add nutlope/hallmark --list     # skill discovered by the installer
ls ~/.claude/skills/hallmark/SKILL.md 2>/dev/null || echo "check your agent skill dir"

← Skills Catalog | Skills Marketplace → Powered by CorpusIQ

Contact Terms Privacy Pricing