Agent Skills помогают coding-агентам создавать выразительные интерфейсы: выбирать арт-направление, использовать реальные фотографии и проверять результат в браузере вместо генерации типовых AI-страниц.
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
Установите skill с помощью npx
npx skills add nutlope/hallmark - 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 обновляется ежедневно.
Похожие проекты
Навык для coding assistant: AI-агент сразу переходит к следующему действию, нумерует шаги и обходится без воды и вступлений.
Коллекция навыков для AI-ассистентов, помогающих с анимацией, дизайном интерфейсов и фронтенд-разработкой на основе опыта автора в Vercel и Linear.
Наглядное руководство по Claude Code с примерами и готовыми шаблонами slash-команд, memory, skills, subagents, hooks и MCP.
Подборка из 45+ практических советов по работе с Claude Code, скрипт настраиваемой строки состояния и плагин dx с повседневными навыками для разработки.
Навык для AI-агентов, который превращает статью в промпт для вертикальной обложки 3:4 для WeChat Official Accounts и Xiaohongshu, с опциональным сохранением сходства лица.