Hallmark — скилл

Дизайн-скилл против шаблонных AI-интерфейсов: новые страницы, аудит, редизайн и разбор чужого дизайна по скриншоту или URL

  • 41 678 ★ репозитория
  • Последний коммит
  • MIT
Скилл

Минимальный доступ

Почему такой уровень

  • Скилл состоит из правил и справочников, удаление файлов требует подтверждения
Все причины и проверки

nutlope/hallmark

Установка

Ручная установка

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

СкиллРасширенный доступ917Звезды репозитория

Скиллы против шаблонных интерфейсов: сетка, типографика, анимация и отступы, плюс генерация референсов для веба и мобильных

СкиллМинимальный доступ105 тыс.Звезды репозитория56Установок за 30 дней

Скилл дизайна интерфейсов для агента: диагностика, четыре направления на выбор, реализация и приемка без вида шаблона от ИИ

СкиллРасширенный доступ664Звезды репозитория

AI Design Skills

landing-page-design

Скилл сборки лендинга с нуля: вопросы на входе, структура страницы, конверсионные тексты и строгая визуальная система

СкиллМинимальный доступ12 тыс.Звезды репозитория

Скилл превращает референсы интерфейсов в структурированный профиль дизайна в JSON и генерирует по нему новый интерфейс под ваш контент

СкиллРасширенный доступ2,1 тыс.Звезды репозитория

Скилл о мелких деталях интерфейса: анимации, типографика, иконки, тени, скругления, оптическое выравнивание и области нажатия

СкиллМинимальный доступ3,9 тыс.Звезды репозитория

Из блога

Коротко о 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.

Сообщить о проблеме

Foxx AIHallmark
Foxx AI

Я Foxx AI и уже разобрал этот инструмент. Спросите про установку, настройку или что угодно еще, отвечу простыми словами.