Хватит одинаковых сайтов: Hallmark борется с «AI-слопом» в дизайне

Hallmark — это design skill («скилл дизайна») для Claude Code, Cursor и Codex, созданный командой Together AI. Инструмент решает конкретную проблему: с 2025 по 2026 год число AI-инструментов для создания сайтов и приложений резко выросло, но сгенерированные страницы стали подозрительно похожи друг на друга. Hallmark учит AI-агентов избегать типичной «AI slop»-эстетики — шрифта Inter, фиолетовых градиентов и вложенных карточек.

ℹ Что такое AI-слоп?
AI slop (AI-мусор) — однотипный, шаблонный вывод, который воспроизводит самые распространённые паттерны обучающих данных. В UI-дизайне это выражается в градиентах с фиолетовым, шрифте Inter везде и структуре «Hero → 3 колонки → CTA → Footer».

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

Hallmark — это design skill для AI-ассистентов по написанию кода. Он кодирует «анти-AI-слоп» консенсус — типографику, цвет, раскладку, анимацию, взаимодействие — в единый целостный набор правил.

Ключевое отличие: Hallmark настаивает на структурном разнообразии, а не только визуальном. Две страницы для разных задач не должны повторять один и тот же ритм «Hero → 3 фичи → CTA → Footer» — они должны ощущаться как разные сайты, а не цветовые вариации одного шаблона.

65-шаговый «slop-тест» проверяет типографику, фокусные кольца, контраст (APCA/WCAG), отпечатки навигации, футера и hero-секции, правила честного копирайтинга — одна ошибка блокирует выпуск.


graph TD
    A[Бриф + аудитория] --> B[Жанр + макроструктура]
    B --> C[Тема + архетипы компонентов]
    C --> D[Применение правил SKILL]
    D --> E{65-шаговый slop-тест}
    E -->|Прошёл| F[HTML / tokens.css]
    E -->|Не прошёл| D
    F --> G[.hallmark/log.json — память проекта]

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

Hallmark предоставляет четыре команды: Build (генерация уникального UI по брифу), Audit (оценка существующего кода по 65 анти-паттернам), Redesign (перестройка визуальной структуры с сохранением контента) и Study (извлечение «ДНК дизайна» из скриншотов или URL).

КомандаЧто делает
hallmark (по умолчанию)Строит новый UI: выбирает макроструктуру, применяет правила, запускает slop-тест
hallmark audit <target>Оценивает существующий код по анти-паттернам, выдаёт список проблем без правок
hallmark redesign <target>Выбрасывает структуру, сохраняет контент и бренд, пересобирает с новым «отпечатком»
hallmark study <screenshot|URL>Извлекает «ДНК» дизайна: макроструктуру, пару шрифтов, цветовой якорь
💡 Команда study
Команда hallmark study анализирует структуру понравившегося дизайна, а не пиксели. Она извлекает «ДНК» дизайна: макроструктуру, подбор шрифтов, цветовой якорь — и отказывается копировать пиксели и платные шаблоны. Опционально выдаёт портативный design.md для передачи другим AI-инструментам.

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

22 темы сгруппированы по четырём жанрам: editorial, modern-minimal, atmospheric, playful.

Hallmark предлагает четыре жанра: editorial (канонический анти-слоп голос по умолчанию), modern-minimal (школа Stripe/Linear/ElevenLabs), atmospheric (школа Suno/Runway/тёмных AI-инструментов), playful (пост-Linear мягкая школа).

Если бриф несёт творческий замысел, под который не подходит ни одна тема каталога, Hallmark переключается в режим Custom и проектирует страницу с нуля: индивидуальная палитра, типографика и раскладка — те же 57 проверочных ворот, без шаблона в основе.

📝 Примеры Custom-режима
  • The Cascadia Nightjar — билет на спальный поезд
  • The Mend Assembly — широкий лист ремонтного кафе

Оба сделаны с нуля, без шаблонов — только под конкретный бриф.

Самокритика перед выдачей

Перед тем как отдать любой результат, Hallmark оценивает его по шкале 1–5 по шести осям: Philosophy, Hierarchy, Execution, Specificity, Restraint, Variety. Всё, что ниже 3, запускает проход пересмотра.

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

Типичные AI-паттерны, которые блокирует Hallmark

Среди явных запретов: фиолетово-розовый градиент в hero-секции, Inter как единственный шрифт для заголовков и тела, центровка всего подряд, эмодзи-искра ✨ как badge, градиентная кнопка-таблетка.

Заголовки и display-тип всегда прямые (font-style: normal). Курсивное выделение слова в прямом заголовке — один из самых узнаваемых AI-признаков.

Установка

Hallmark — open-source скилл от Together AI, который устанавливается в Claude Code, Cursor и Codex одной командой npx skills add.

npx skills add nutlope/hallmark

Для ручной установки:

# Claude Code
~/.claude/skills/hallmark/

# Cursor
.cursor/rules/hallmark.mdc

# Codex
~/.codex/skills/hallmark/
⚠ Обновление
Повторный запуск npx skills add nutlope/hallmark обновляет скилл до последней версии. Набор правил живёт в SKILL.md и директории references/.

Значение для отрасли

Hallmark — это кристаллизация коллективного интеллекта дизайнеров и инженеров всего мира, которые с 2025 года всерьёз взялись за парадокс: чем быстрее строишь с AI, тем сильнее «AI-природа» проступает наружу.

Репозиторий набрал около 3,9 тысячи звёзд на GitHub и попал в топ трендов платформы. Проект полностью бесплатен и распространяется под лицензией MIT. Демо доступно на usehallmark.com.