Hallmark

Установка

npx skills add nutlope/hallmark

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Скилл задает агенту жесткие правила визуального дизайна и заставляет менять саму структуру страницы, а не только цвета. По умолчанию он выбирает макроструктуру и одну из встроенных тем, при явном творческом запросе строит собственную палитру и шрифтовую пару. Команда audit оценивает существующий код по списку антипаттернов без правок, redesign перестраивает визуальный слой с сохранением текста и структуры, study извлекает структуру, шрифты и цвета из понравившегося дизайна. Перед выдачей агент проходит проверки на шаблонность и мобильную верстку и не выдумывает метрики и отзывы.

Для кого. Для разработчиков и дизайнеров, которые собирают лендинги и интерфейсы с помощью агента.

Пример запроса к агенту

hallmark audit src/app/page.tsx: оцени главную и дай список правок по важности

Ограничения

Скилл состоит из правил и справочников и не генерирует изображения. Режим study по URL читает HTML и CSS и не работает с закрытыми страницами и пустыми SPA-оболочками, тогда просит скриншот. Для Cursor вставляется только тело SKILL.md без справочников.

Как отключить. Удалите папку hallmark из каталога скиллов агента или файл .cursor/rules/hallmark.mdc.

Проверка безопасности

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

Коротко о README

README объясняет четыре режима: сборка по умолчанию, audit, redesign и study. Галерея показывает страницы для разных брифов, собранные в разных темах и структурах, и отдельный режим Custom для запросов с явной творческой задачей. Установка через npx skills или копированием SKILL.md и references в папки Claude Code, Cursor или Codex. Проект от Together AI, лицензия MIT.

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.

Похожие