Repolode
Nutlope

Nutlope/hallmark

Дизайн-скилл для Claude Code, Cursor и Codex, который помогает AI-агентам писать интерфейсы, не похожие на сгенерированные ИИ.

Звёзды
30,386
Форки
1,566
Открытые issues
49
Последний коммит
2 месяца назад

Что это?

Hallmark — дизайн-скилл для AI-ассистентов разработки, таких как Claude Code, Cursor и Codex. Он помогает ассистенту выбрать структуру страницы для заданного брифа, применить одну из 21 тем и проверить результат по 57 пунктам на распространённые шаблонные паттерны в дизайне, созданном ИИ.

Помимо создания новых интерфейсов, есть ещё три режима: аудит существующего кода на те же антипаттерны со списком необходимых правок, редизайн страницы с сохранением текста и информационной архитектуры, а также анализ скриншота или URL с извлечением структуры, сочетания шрифтов и базового цвета. В режиме анализа можно также создать переносимый файл design.md для использования с другими AI-инструментами.

Установить проект можно командой npx skills add или скопировав файл SKILL.md и папку references в каталог skills или rules нужного инструмента. Проект распространяется по лицензии MIT.

Ключевые возможности

  • 01Выбирает основную структуру страницы на основе брифа до написания кода.
  • 02Предлагает 21 тему и режим Custom для брифов, которым не подходит ни одна из них.
  • 03Проверяет результат по 57 пунктам на антипаттерны и проводит самокритику перед выдачей.
  • 04Проводит аудит существующего кода и составляет список необходимых правок, не редактируя его.
  • 05Извлекает структуру, сочетание шрифтов и цвета из скриншота или URL и сохраняет их в design.md.

Сценарии использования

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

Быстрый старт

  1. 1

    Установите skill с помощью npx

    npx skills add nutlope/hallmark
  2. 2

    Откройте инструмент для программирования с ИИ (Claude Code, Cursor или Codex) и попросите его создать UI — skill применится автоматически

Что важно знать

  • Это набор правил для промптов ИИ-агентов, помогающих писать код, поэтому он пригодится, только если вы уже используете один из поддерживаемых инструментов.
  • Качество результата зависит от используемой модели ИИ и brief, который вы ей предоставите.

Темы

Частые вопросы

Что такое hallmark?
Дизайн-скилл для Claude Code, Cursor и Codex, который помогает AI-агентам писать интерфейсы, не похожие на сгенерированные ИИ. Hallmark — дизайн-скилл для AI-ассистентов разработки, таких как Claude Code, Cursor и Codex. Он помогает ассистенту выбрать структуру страницы для заданного брифа, применить одну из 21 тем и проверить результат по 57 пунктам на распространённые шаблонные паттерны в дизайне, созданном ИИ.
hallmark можно использовать бесплатно? Какая у него лицензия?
hallmark распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
hallmark всё ещё поддерживается?
Обновлялся за последние 6 месяцев. Последний коммит в hallmark — 6 авг. 2026 г..
Для чего можно использовать hallmark?
Поручить AI-ассистенту разработки создать лендинг или интерфейс продукта, который не выглядит шаблонным. Проверить существующую кодовую базу фронтенда на распространённые паттерны дизайна, созданного ИИ. Обновить дизайн сайта, сохранив его текст и структуру. Преобразовать понравившийся дизайн в повторно используемый бриф для других инструментов.
Как установить hallmark?
Установите skill с помощью npx: npx skills add nutlope/hallmark Откройте инструмент для программирования с ИИ (Claude Code, Cursor или Codex) и попросите его создать UI — skill применится автоматически
Где скачать hallmark?
Исходный код и инструкции по установке — на GitHub: https://github.com/Nutlope/hallmark

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

Agent Skills помогают coding-агентам создавать выразительные интерфейсы: выбирать арт-направление, использовать реальные фотографии и проверять результат в браузере вместо генерации типовых AI-страниц.

99,1 тыс.6,7 тыс.JavaScriptMITОбновлён вчера