Hallmark — скилл
Дизайн-скилл против шаблонных AI-интерфейсов: новые страницы, аудит, редизайн и разбор чужого дизайна по скриншоту или URL
- 41 678 ★ репозитория
- Последний коммит
- MIT
Минимальный доступ
Почему такой уровень
- Скилл состоит из правил и справочников, удаление файлов требует подтверждения
Установка
- Работает в
Ручная установка
npx skills add nutlope/hallmarkДоступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл состоит из правил и справочников, удаление файлов требует подтверждения
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Скилл задает агенту жесткие правила визуального дизайна и заставляет менять саму структуру страницы, а не только цвета. По умолчанию он выбирает макроструктуру и одну из встроенных тем, при явном творческом запросе строит собственную палитру и шрифтовую пару. Команда audit оценивает существующий код по списку антипаттернов без правок, redesign перестраивает визуальный слой с сохранением текста и структуры, study извлекает структуру, шрифты и цвета из понравившегося дизайна. Перед выдачей агент проходит проверки на шаблонность и мобильную верстку и не выдумывает метрики и отзывы.
Для кого. Для разработчиков и дизайнеров, которые собирают лендинги и интерфейсы с помощью агента.
Подходит, если
- Нужен лендинг, который не похож на типовой AI-сайт
- Нужно получить список проблем дизайна без правок кода
- Нужно понять, из чего сделан понравившийся сайт
Не подходит, если
- Есть готовая дизайн-система, от которой нельзя отступать
- Нужна копия чужого сайта или платного шаблона, скилл от этого откажется
Пример запроса к агенту
hallmark audit src/app/page.tsx: оцени главную и дай список правок по важностиОграничения
Скилл состоит из правил и справочников и не генерирует изображения. Режим study по URL читает HTML и CSS и не работает с закрытыми страницами и пустыми SPA-оболочками, тогда просит скриншот. Для Cursor вставляется только тело SKILL.md без справочников.
Как отключить. Удалите папку hallmark из каталога скиллов агента или файл .cursor/rules/hallmark.mdc.
Частые вопросы
Чем audit отличается от redesign?
Audit только оценивает и выдает список проблем, redesign меняет визуальную структуру в пределах существующих файлов.
Как обновить?
Повторно выполнить npx skills add nutlope/hallmark.
Чем Hallmark отличается от других дизайн-скиллов?
Скилл задает жесткие правила визуального дизайна и заставляет менять структуру страницы, а не только цвета. По умолчанию он выбирает макроструктуру и одну из встроенных тем. Режимы: новая страница, аудит, редизайн, разбор чужого дизайна по скриншоту или URL.
Как поставить Hallmark для Claude Code, Cursor и Codex?
Команда npx skills add nutlope/hallmark ставит скилл во все три агента. После установки вызывайте нужный режим: создание страницы, аудит или редизайн, и приложите скриншот или адрес страницы для разбора.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыСкилл дизайна интерфейсов, презентаций и графики для кодинг-агентов: черновики на холсте через CLI superdesign
Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных
Скилл дизайна интерфейсов для агента: диагностика, четыре направления на выбор, реализация и приемка без вида шаблона от ИИ
AI Design Skills
landing-page-design
Скилл сборки лендинга с нуля: вопросы на входе, структура страницы, конверсионные тексты и строгая визуальная система
Скилл превращает референсы интерфейсов в структурированный профиль дизайна в JSON и генерирует по нему новый интерфейс под ваш контент
Детали, от которых интерфейс приятнее
make-interfaces-feel-better
Скилл о мелких деталях интерфейса: анимации, типографика, иконки, тени, скругления, оптическое выравнивание и области нажатия
Из блога
Коротко о README
README объясняет четыре режима: сборка по умолчанию, audit, redesign и study. Галерея показывает страницы для разных брифов, собранные в разных темах и структурах, и отдельный режим Custom для запросов с явной творческой задачей. Установка через npx skills или копированием SKILL.md и references в папки Claude Code, Cursor или Codex. Проект от Together AI, лицензия MIT.
Бейдж для README
Исходный SKILL.md
--- name: hallmark description: "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 by name, or uses audit/redesign/study." version: 1.1.0 --- # Hallmark A design skill for AI coding assistants. Makes the UIs they generate look made, not generated. Hallmark is opinionated, short, and boring on purpose. It encodes a tight set of rules — drawn from the consensus of the anti-AI-slop design field (Anthropic's frontend-design skill, the Claude cookbook on frontend aesthetics, and the 2026 "tactile rebellion" movement) — and refuses to let the model fall back to the defaults every LLM was trained on. The differentiator: Hallmark insists on **structural variety**, not just visual variety. Two pages by Hallmark for two different briefs should not share the same hero → 3-feature → CTA → footer rhythm. They should feel like different sites, not different colour-swaps of the same template. See [`references/structure.md`](references/structure.md). **Powered by Together AI.** --- ## How to use this skill Hallmark has one default behaviour and three explicit verbs. | Invocation | What it does | | --- | --- | | *(default)* | The user asked you to design or build something new. Follow the **Design flow** below. | | `hallmark audit <target>` | Read the target, score it against the anti-pattern list, return a ranked punch list. **Do not edit.** | If the user types anything that does not clearly map to `audit`, `redesign`, or `study`, treat it as default. If the user attaches an image or pastes a URL without a verb prefix, ask: *"Should I `study` this (extract the DNA), or should I treat it as a reference for a fresh build?"* **Implementation safety rail.** Hallmark is a design skill, not a license to bulldoze a codebase. In any existing project: - Never delete production files, route trees, component directories, or an old website unless the user explicitly asks for deletion or approves a file-level plan that lists the deletions. - Default to in-place edits of the named files, or additive new components/tokens that are wired through the existing route. If the redesign would require removing multiple components, stop and ask for confirmation first. - Treat PDFs, README files, `.md` briefs, docs, transcripts, and pitch decks as reference material. Do **not** copy them word-for-word into the page unless the user explicitly says to use that text verbatim. - Before editing, state the exact files you expect to modify/create/delete. Deletions require explicit confirmation.