Фронтенд и UI

Hallmark

Дизайн-процесс против «слопа» с 58 шлюзами и принудительным структурным разнообразием.

Что это

Дизайн-скилл для ИИ-ассистентов кода с одним процессом сборки по умолчанию и тремя глаголами: audit, redesign и study. Он подталкивает к структурному разнообразию, чтобы две сборки не делили один ритм страницы.

Anti-AI-slop design skill for greenfield pages, audits, redesigns, and design extraction from URLs or screenshots. Use when the user asks to build a new app or landing page, wants to redesign something, invokes Hallmark
Из исходного SKILL.md

Почему это важно для дизайна

  • Правила диверсификации навязывают разные макроструктуры, навигации и футеры в идущих подряд сборках.
  • Зафиксированные токены запрещают инлайновые hex или font-family, которые обходят блок токенов.
  • Каждая выдача проверяется на ширинах 320, 375, 414 и 768 пикселей.

Что внутри

  • How to use this skill
  • Disciplines that hold across every verb
  • When the brief is a component, not a page
  • Design flow (default)
  • Hallmark study
  • Output contract and scope

Как установить

Hallmark

  1. Клонируйте репозиторий.

    git clone https://github.com/Nutlope/hallmark
  2. Укажите Codex на файл скилла.

    skills/hallmark/SKILL.md
  3. Дальше опишите нужный интерфейс. Codex следует скиллу.

Как запустить с Codex

  1. Дайте предполётному сканированию сначала прочитать существующие шрифты, палитру и библиотеки движения.

  2. Ответьте на шлюз про аудиторию, сценарий и тон или скажите «продолжай».

  3. Запустите hallmark audit по странице, чтобы получить ранжированный список правок без изменений.

Каждый плагин здесь бесплатный, с открытым кодом и ссылкой на реальный исходник.

Больше плагинов в списке codex-design ↗

Следующий шаг

Проектируйте с Open Design без возни с настройкой

Поставьте этот плагин сами или разверните вокруг Codex целый кураторский дизайн-слой в Open Design. Свой ключ, свой результат.