hallmark
Hallmark is a design skill for AI coding assistants that enforces anti-AI-slop design principles. It provides structural variety for landing pages and components, mandates strict typography and token usage, and requires pre-emit self-critique. It operates via three primary verbs: audit, redesign, and study.
Is hallmark safe to install?
Review before installing: our audit of hallmark's source files found 0 shell commands, 0 external URLs, file reads and writes (medium risk). Every command and URL listed appears verbatim in the skill's source. The skill reads local project files to inform design decisions and writes new components or edits existing files. It does not execute shell commands but performs network requests to fetch HTML and CSS when in study mode.
How we audit skills: our security review methodology.
Who is this skill for?
Developers and designers using AI coding assistants who want to generate UIs that avoid generic AI-generated aesthetics.
What can you do with it?
- Building new landing pages or applications
- Auditing existing designs against anti-pattern lists
- Redesigning visual structures of existing implementations
- Extracting design DNA from URLs or screenshots
- Creating individual UI components with mandatory state coverage
How good is this skill?
Quality score: 5/10. The documentation is comprehensive, clearly defining the scope, safety rails, and technical constraints. It provides specific instructions for different modes of operation and includes clear examples for output formats.
What does the skill file contain?
# Hallmark 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 sh...
Frequently asked questions
Does Hallmark delete existing code?
No. The skill refuses to delete production files, route trees, or components unless the user explicitly requests the deletion or approves a file-level plan.
How does Hallmark handle mobile responsiveness?
It enforces a hard requirement that all output must render at 320, 375, 414, and 768 pixels without horizontal scrolling, using specific CSS constraints like minmax(0, 1fr) for grid tracks.
What happens if I do not specify a verb?
The skill defaults to the Design flow, which builds a new page or component based on the user's request.
Can I use Hallmark to generate fake metrics or testimonials?
No. The skill prohibits the invention of metrics, testimonials, or logos. It requires the use of real data or specific placeholders.
Related skills
frontend-design
618.4KAI agents tasked with designing and building web interfaces who need to produce unique, high-quality visual identities rather than generic, templated designs
The frontend-design skill provides guidance for creating distinctive, intentional visual designs for web interfaces. It instructs the agent to act as a design lead at a small studio, focusing on avoiding templated defaults by making deliberate choices regarding typography, color palettes, layout, and motion. The skill emphasizes a structured process of brainstorming, planning, and self-critique before writing code.
brainstorming
256.4KDevelopers and project managers who need to define requirements, architecture, and design for software projects before writing code
A structured brainstorming framework that guides users through project exploration, design proposal, and specification before implementation. It enforces a strict design-first workflow, requiring user approval for designs and documentation before transitioning to the writing-plans skill.
simple
221.4KDevelopers and project managers who need a fast, lightweight decision-making process for feature design or component creation
A structured brainstorming framework for architectural and creative tasks that guides users from discovery to decision-making through a defined process flow.
shadcn
217.3KDevelopers building UI components and design systems using shadcn/ui
The shadcn skill manages UI components and design systems for projects using the shadcn/ui framework. It provides tools to search, add, debug, and style components, while enforcing strict composition and styling rules based on project-specific configuration.