---
title: "Hallmark: темы и quality gates против шаблонного AI-дизайна"
description: Как Hallmark создаёт и перерабатывает страницы на основе 50 визуальных тем, реальных материалов, браузерного sloplint и трёх уровней проверок.
---

[Hallmark](https://github.com/Nutlope/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-комментарии.

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

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

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

## Установка

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

```bash
npx skills add nutlope/hallmark -g
```

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

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

```bash
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](https://wpcraft.ru/kb/design/ai/skills/taste-skill.md) строит направление по типу бизнеса и использует собственную систему экранов и сцен. Hallmark разделяет материал темы и структуру работы пользователя, а также явно поддерживает custom и сохранение wiring при редизайне. [Impeccable](https://wpcraft.ru/kb/design/ai/skills/impeccable.md) остаётся более универсальным инструментом точечных правок.

## Материалы и источники

- [Hallmark на GitHub](https://github.com/Nutlope/hallmark)
- [Официальный сайт и галерея тем](https://www.usehallmark.com/)
- [Каталог тем](https://github.com/Nutlope/hallmark/tree/main/skills/hallmark/references/themes)
- [Лицензия проекта](https://github.com/Nutlope/hallmark/blob/main/LICENSE)