agentleFS
Sign inStart free
podopodo/design-agent-skills/skills/hallmark/SKILL.md

hallmark

Skill32 starsChanged 6 months agoMITView on GitHub

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Pushes structural variety, not just colour swaps, so pages built for different briefs stop sharing the same hero → features → CTA rhythm.

27 other projects use a version of this.

Adopted by

Most recently taken up by

Used with

Projects with it also use review-animations, animate and 7 more.

Other files people use alongside this one.

Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
  • arkanSkill

    review-animations

    Reviews animation and motion code against a high craft bar derived from Emil Kowalski's design engineering philosophy. Default to flagging; approval is earned.

    Also in 3 projects that use this

  • delphi-aiSkill

    animate

    Animation patterns and best practices for Next.js/React applications. Use this skill when implementing animations, transitions, hover effects, page transitions, modals, or any motion in React components. Based on Emil Kowalski's "Animations on the Web" course.

    Also in 3 projects that use this

  • VercelSkill

    emil-design-eng

    This skill encodes Emil Kowalski's philosophy on UI polish, component design, animation decisions, and the invisible details that make software feel great.

    Also in 3 projects that use this

  • dillonluiSkill

    design-review

    Review a view or flow for UX and UI issues. Provides severity-ranked, actionable findings grounded in established design heuristics. Use when the user asks for design feedback, UX review, or UI critique.

    Also in 3 projects that use this

  • AnasX7Skill

    design-taste-frontend

    Anti-slop frontend skill for landing pages, portfolios, and redesigns. The agent reads the brief, infers the right design direction, and ships interfaces that do not look templated. Real design systems when applicable, audit-first on redesigns, strict pre-flight check.

    Also in 3 projects that use this

  • GoogleSkill

    prototype

    Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.

    Also in 4 projects that use this

The file

Create a free account to mount
Files
SKILL.md

hallmark

Catalogue stub — full skill: Nutlope/hallmark

<!-- das:install:start — generated from stub.yaml by `npm run generate`; edit stub.yaml, not this block -->

Decision tree

  1. Is the full skill already installed?
    • Global: f=~/.agents/skills/hallmark/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • Project: f=.agents/skills/hallmark/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer"
    • installed → the skill is installed as hallmark, invoke it and proceed
    • pointer → go to step 2

  2. Detect scope, then install:

    [ -e ~/.agents/skills/hallmark ] && echo "global" || echo "project"

    Global:

    npx skills add Nutlope/hallmark --skill hallmark -g -y

    Project:

    npx skills add Nutlope/hallmark --skill hallmark -y

    Claude Code: send a command as a chat message starting with ! to run it without leaving the conversation.

Heads-up

  • License: MIT
  • Large download (~227 MB): the skills CLI gives up cloning after 300 s; if it times out, retry with SKILLS_CLONE_TIMEOUT_MS=900000.
<!-- das:install:end -->

Invoke after install

  • Skill name: hallmark
  • Verbs: hallmark audit <target>, hallmark redesign <target>, hallmark study <screenshot | URL>
  • Trigger phrases: "Hallmark design skill", "hallmark audit", "hallmark redesign", "hallmark study"

What it does

A short, opinionated design skill that stops AI coding assistants from falling back to the defaults every model was trained on. The default flow designs a new page from a named theme catalogue with locked tokens and a pre-emit self-critique; audit scores existing UI against an anti-pattern list and returns a ranked punch list without editing; redesign restructures the visual layer inside the existing implementation boundaries; study extracts the design DNA (macrostructure, type pairing, colour anchor) from a screenshot or URL and can emit a portable design.md. Responsive checks and honest-copy rules (no invented metrics) are built in.

When NOT to use

  • Persistent critique commands, Chrome extension, or Live Mode iteration → use impeccable
  • Dial-based premium aesthetics (variance, motion, density) → use taste-skill or ui-craft
  • Accessibility or WCAG audits → use accessibility-catalogue
  • SwiftUI / iOS visual design → use swiftui-design-skill

Download now (ZIP)

Does it work?

Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.

No reviews yet

People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.

  • It worked
  • Partly
  • It didn't
What did you use it for? e.g. Reviewing pull requests in a Rails app

Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.

Your trail

Files you open will collect here, so you can find them again.

Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.

Now do this for your own.

Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

Check your setup, free