Nutlope/hallmark

Anti-AI-slop design skill for Claude Code, Cursor, and Codex.

What it solves

Hallmark is a design skill for AI coding assistants (like Claude Code, Cursor, and Codex) that prevents the generic, "AI-generated" look of websites. It replaces standard LLM defaults with a curated set of design rules, themes, and a rigorous testing process to create unique, professional-grade UI that feels distinct and intentional.

How it works

The tool uses a combination of macrostructures, 21 different themes, and a "slop-test" consisting of 57 gates and a pre-emit self-critique to filter out common AI design anti-patterns. It can either apply a specific theme or generate a custom design from scratch when a brief requires a unique creative intent.

Who it’s for

Developers and designers using AI coding tools who want to build high-quality, self-contained HTML/CSS pages that don't look like templates or generic AI outputs.

Highlights

  • Four Core Verbs:
    • build: Creates new UI based on a brief.
    • audit: Scores existing code against design anti-patterns.
    • audit: Redesigns existing UI while keeping the content and brand.
    • study: Extracts design DNA (structure, type, color) from a URL or screenshot to inform future designs without cloning pixels.
  • Anti-Slop Protocol: Uses 57 validation gates to ensure the output avoids common AI design defaults.
  • Custom Design Mode: Switches to a made-to-measure palette and layout when no catalog theme fits the brief.
  • Cross-Tool Compatibility: Compatible with Claude Code, Cursor, and Codex.

Related

  • Project
  • Dispatch
  • Project
  • Project
  • Project