Hallmark: дизайн-скилл который делает сайты непохожими на AI-генерацию

Hallmark — опенсорс дизайн-скилл от Together AI для Claude Code, Cursor и Codex. Главная задача: генерировать интерфейсы и лендинги которые не выглядят как типичный AI-вывод.

Устанавливается одной командой, из за чего тебе не нужно множество вариантов перебирать:

npx skills add nutlope/hallmark

Проблема которую решает Hallmark

Большинство AI-сгенерированных сайтов узнаваемы с первого взгляда: центрированный hero с градиентом, одинаковые секции, стандартные шрифты, предсказуемая сетка. Это называют AI-slop — дизайн который выглядит как дизайн по умолчанию для любой языковой модели обученной на миллионах похожих сайтов.

Hallmark кодирует в один файл правил консенсус против AI-slop: типографику, цвет, лейаут, анимацию, микровзаимодействия и структурное разнообразие. Перед каждым выводом скилл прогоняет 65 тестов на slop — один положительный результат останавливает генерацию и перезапускает с другим подходом.

Четыре команды

Default — Build

Дефолтный режим. Задаёт три вопроса об аудитории, задаче и тоне — или самостоятельно выводит их из контекста. Затем выбирает одну из 21 именованной макроструктуры, применяет правила и прогоняет slop-тест перед выводом.

21 макроструктура — это не просто варианты лейаута. Это целые формы страниц: Bento Grid, Stat-Led, Letter, Quote-Led, Workbench, Manifesto и другие. Каждая со своими правилами типографики, навигации, футера и микровзаимодействий.

Study

Принимает скриншот или URL сайта и извлекает дизайн-DNA: макроструктуру, типографические роли, цветовые якоря, архетипы компонентов. Не копирует пиксели — только паттерны.

Это главная отличительная черта Hallmark от других дизайн-скиллов. Большинство инструментов работают с пресетами или скреперами. Hallmark единственный который берёт скриншот или URL дизайна который вам нравится и извлекает его ДНК — не точные шрифты и не точные цвета, а роли и паттерны.

URL-режим читает HTML и CSS напрямую через WebFetch и называет точные шрифты и токены. Image-режим называет роли шрифтов без попыток угадать конкретные гарнитуры. Платные шаблоны и сайты конкурентов автоматически отклоняются.

Redesign

Сохраняет контент, информационную архитектуру и бренд — но перестраивает структуру сайта заново с намеренно другим fingerprint. Используется когда нужно обновить сайт не меняя его суть.

Audit

Получает существующий код и возвращает отчёт — список проблем без правок. Проверяет против 65 именованных anti-patterns и структурного однообразия.

Как устроена защита от AI-slop

Hallmark прогоняет 65 тестов перед каждым выводом. Тесты разбиты на категории:

Типографика (39–40): не более трёх семейств шрифтов на страницу, нетипичный шрифт используется не более чем в двух слотах.

Состояния инпутов (41–45): нет layout shift от border-width, focus ring через outline а не border, высота инпута совпадает с высотой кнопки.

Контраст (46–50): пороги APCA/WCAG, требование accent-ink токена, проверка чернил на тёмных секциях.

Структурные тесты nav и footer (51–55): AI-fingerprint навигации, AI-fingerprint футера, центрирование всего в hero, асимметрия паддинга hero.

Честный копирайт и хром (56–60): выдуманные метрики, перерисованный UI-хром, импровизация с токенами во время рендера.

Безопасность лейаута (61–65): overflow в 1fr image-track, отсутствующий overflow-x clip, word-break в display-заголовках.

Один положительный тест — перезапуск.

22 темы и 4 жанра

Hallmark маршрутизирует каждый бриф через один из четырёх жанров перед выбором темы:

• Editorial — дефолт, каноничный anti-slop голос
• Modern-minimal — школа Stripe / Linear / ElevenLabs
• Atmospheric — тёмные AI-инструменты типа Suno и Runway
• Playful — мягкая постлинейная школа

Каждый жанр — отдельный набор правил. Atmospheric разрешает радиальные blooms. Modern-minimal разрешает чисто белый фон и pill CTA. Editorial запрещает оба.

Внутри жанров доступны 22 темы: Specimen, Editorial, Atelier, Newsprint, Salon, Linen, Almanac, Garden, Studio, Sport, Riso, Brutal, Manifesto, Quiet, Coral, Violet, Midnight, Terminal, Bloom, Aurora, Halo, Plume.

Проектная память

Hallmark ведёт .hallmark/log.json — лог всех предыдущих запусков с макроструктурами и темами. Перед каждой новой генерацией скилл читает последние 3–5 записей и выбирает что-то отличное. Два последовательных вывода в одном проекте никогда не повторят форму или тему.

Установка и совместимость

Работает с Claude Code, Cursor и Codex. MIT лицензия.

npx skills add nutlope/hallmark

Для Cursor: скопируйте содержимое SKILL.md в .cursor/rules/hallmark.mdc без frontmatter.

Демо с живым переключением тем: www.usehallmark.com