Hallmark — дизайн-навык для AI-агентов, который отказывается выглядеть как сгенерированный

Hallmark — это навык (skill) для AI-агентов программирования, который решает одну конкретную проблему: генерируемый LLM дизайн выглядит как сгенерированный LLM. Каждый, кто просил Claude Code или Cursor «сделать красиво», видел результат — одни и те же градиенты, одни и те же тени, одна и та же скука. Hallmark ломает этот паттерн.

Создан командой Together AI под руководством Хассана Эль Мгири (Nutlope), проект собрал 6,9k звёзд на GitHub. Под капотом — 20 тем оформления, 57 проверок на «слоп» (AI-шаблонность) и механизм пре-эмит самокритики, который заставляет модель перепроверить результат до того, как отдать его пользователю.

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

Hallmark работает через четыре глагола — каждая команда решает отдельную задачу в пайплайне дизайна:

Как это работает

Архитектура Hallmark — трёхступенчатый конвейер:

1. Выбор макроструктуры. На основе брифинга навык определяет подходящую макроструктуру страницы (hero-секции, сетки, навигационные паттерны). Это не шаблон в классическом смысле — скорее архитектурный каркас, который заполняется контентом.

2. Применение темы. Каталог из 20 тем покрывает широкий спектр эстетик: от минималистичного SaaS (modern-minimal) до атмосферных (atmospheric) и бруталистских. Если ни одна тема не подходит, включается режим Custom — дизайн с нуля: индивидуальная палитра, типографика и компоновка. Те же 57 проверок, никакого шаблона.

3. Slop-тест и самокритика. Перед выдачей результат проходит 57 проверок на типовые AI-паттерны: предсказуемые градиенты, неестественные тени, клишированные пропорции, однообразные цветовые схемы. Модель также выполняет самокритику — оценивает собственный результат и при необходимости дорабатывает.

Каждая страница — самодостаточный HTML + CSS. Макроструктура прописывается в CSS-комментарии, что делает результат воспроизводимым и аудируемым.

Режим Custom

Когда брифинг несёт креативный замысел, под который не подходит ни одна каталожная тема, Hallmark переходит в режим Custom. Страница проектируется полностью с нуля: палитра, типографика, компоновка — всё создаётся индивидуально. Работают все 57 slop-тестов, шаблон отсутствует полностью. Протокол описан в custom-theme.md.

Custom остаётся «тихой веткой» — обычные брифинги его не активируют. Это fallback для случаев, где креативная задача выходит за пределы каталожных тем.

Установка

npx skills add nutlope/hallmark

Повторный запуск команды обновляет навык до последней версии. Альтернативно — скопировать SKILL.md и папку references/ вручную:

• Claude Code: ~/.claude/skills/hallmark/
• Cursor: .cursor/rules/hallmark.mdc (только тело SKILL.md, без frontmatter)
• Codex: ~/.codex/skills/hallmark/ (персонально) или .codex/skills/hallmark/ (на уровне проекта)

Технический стек

• CSS (58.3%) — основные правила тем и слоп-тестов
• HTML (35.2%) — страницы примеров и тестовые лендинги
• JavaScript (6.5%) — переключение тем (клавиша T), интерактивные элементы

Проект не использует фреймворки. Каждая страница — один HTML-файл со встроенным CSS. Такой подход гарантирует, что результат работы навыка воспроизводим и не зависит от внешних зависимостей.

Ключевая идея

Главная инновация Hallmark не в темах — их много и в других инструментах. Фундаментальная идея в том, что дизайн-навык отказывается от on-distribution defaults. LLM обучены на усреднённом корпусе веба, и без явного вмешательства они воспроизводят наиболее вероятный (читай: самый скучный) результат. Hallmark делает ровно обратное: принудительно уводит модель с проторенной колеи через комбинацию структурных ограничений (макроструктуры), эстетического разнообразия (темы) и жёсткой фильтрации (slop-тесты).

Две страницы, сгенерированные Hallmark для двух разных брифингов, выглядят как два разных сайта — не как перекраска одного шаблона. Это и есть критерий успеха.

Лицензия

MIT. Используйте, форкайте, внедряйте в свои пайплайны.