Hallmark: темы и quality gates против шаблонного AI-дизайна

Hallmark — MIT-навык Together AI для Claude Code, Codex, Cursor и OpenCode. Он создаёт и перерабатывает страницы так, чтобы они не выглядели результатом стандартного генеративного шаблона. Для этого используются 50 визуальных тем, отдельный режим custom, реальные материалы, браузерный sloplint и независимое ревью в новом контексте.

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

Три уровня проверок

Floor. Блокирующий минимум: контраст, фокус, prefers-reduced-motion, отсутствие выдуманных фактов и работающая мобильная компоновка.
Reflex. Типовые решения, к которым модель возвращается по умолчанию: eyebrow над каждым заголовком, uppercase-подписи с большим трекингом, одно цветное слово в заголовке и одинаковый email signup в конце любой страницы. Осознанное решение может отклонить такое правило, но отклонение фиксируется.
Finish. Детали мастерства, которые улучшают результат, но не блокируют выпуск.

Такое разделение полезнее единого списка запретов: одни нарушения действительно ломают продукт, другие являются лишь стилистическими предпочтениями автора навыка.

Темы и структура страницы

Тема в Hallmark — это материал: типографика, цвет, поверхности, компоненты и текстура. Она не определяет, какие секции нужны и в каком порядке. Поэтому два разных продукта в одной теме должны получить разные страницы.

Структура строится от работы посетителя: страница бронирования позволяет забронировать, магазин — выбрать и купить, newsletter — подписаться. Основное действие размещается согласно категории и становится завершением страницы, а не декоративной кнопкой после универсального набора секций.

В режиме custom каталог тем не используется. Навык сохраняет только Floor, quality gates и краткий процесс поиска идеи, специфичной для клиента.

Процесс сборки и редизайна

При новой сборке Hallmark сначала читает проект и один раз запрашивает материалы: фотографии, скриншоты и реальные числа. Затем предлагает три подходящие темы, отдельно строит hero и отправляет его на ревью до остальной страницы. После сборки sloplint --render проверяет результат на восьми ширинах, а fresh-context reviewer смотрит на страницу независимо.

Готовый результат — самодостаточные HTML и CSS; принятые решения фиксируются в первом CSS-комментарии.

Редизайн запускается только явно:

/hallmark redesign ./src/app
/hallmark audit ./index.html

Полный redesign сохраняет содержимое и связи, но меняет визуальную систему и компоновку. Для restyle указывают keep the layout, для удаления только шаблонных признаков — polish. Перед редизайном sloplint --before записывает ссылки, поля, handlers и заголовки, а sloplint --kept проверяет, что они не исчезли.

Установка

Для установки на уровне пользователя:

npx skills add nutlope/hallmark -g

Без -g навык устанавливается в текущий проект. Нужен Node.js 18+. Браузерные проверки и скриншоты дополнительно требуют Chrome и puppeteer-core; статические проверки остаются доступны без них.

Для работы из клонированного репозитория lint вызывается так:

node skills/hallmark/scripts/sloplint.mjs --render

Фотографии и ограничения

Каталог содержит ссылки на 755 открыто лицензированных фотографий Wikimedia Commons и сохраняет кредиты на странице. Файлы изображений не входят в библиотеку photos.json; у каждой фотографии собственная лицензия CC0, public domain, CC BY или CC BY-SA. Перед публикацией нужно проверить её условия и атрибуцию, а не считать MIT-лицензию кода разрешением на любые медиа.

Hallmark ориентирован на страницы и их редизайн, а не на полный UX-исследовательский процесс или сложную продуктовую архитектуру. Формальное прохождение Floor не доказывает, что страница решает задачу аудитории.

Чем отличается от Taste Skill

Taste Skill строит направление по типу бизнеса и использует собственную систему экранов и сцен. Hallmark разделяет материал темы и структуру работы пользователя, а также явно поддерживает custom и сохранение wiring при редизайне. Impeccable остаётся более универсальным инструментом точечных правок.