Реверс-инжиниринг дизайна любого сайта. Жетоны + компромиссы — не просто «что», а «почему».

Быстрый старт: Клонируйте в ~/.claude/skills/taste, установите Playwright MCP, запустите /taste . Полное руководство по установке ниже.

---

Почему?

Каждый инструмент для извлечения дизайна даёт вам жетоны. «Фон — #08090A. Шрифт — Inter. Радиус — 6px.» Это не вкус — это спецификация. Когда у агента ИИ только жетоны, он копирует числа, не понимая решения, стоящих за ними. Вывод выглядит примерно правильно, но порождает похват сразу после окончания шаблона.

Вкус — это «почему» за жетонами: почему именно этот белый вместо брендированного акцентного цвета, почему 1px вставленная рамка вместо опускающей тени, почему пространство дыхания находится внутри секций, а не между ними. Агент со вкусом может принять правильное решение на странице, которую он никогда не видел. Агент с только жетонами просто применяет лист стилей.

/taste запускает четырёхступенчатый конвейер на любом URL и создаёт {domain}.md и {domain}.json, которые объясняют обе параметры.

---

Что она производит

Запуск /taste https://linear.app записывает два файла:

linear.md — Карта дизайна + ДНК вкуса:

**'линейный.

/taste — Design DNA Extractor

Reverse-engineer any website’s design taste. Tokens + trade-offs — not just “what”, but “why”.

Quick start: Clone into ~/.claude/skills/taste, install Playwright MCP, run /taste . Full install guide below.

---

Why?

Every design extraction tool gives you tokens. “The background is #08090A. The font is Inter. The radius is 6px.” That’s not taste — that’s a spec sheet. When an AI agent has only tokens, it copies the numbers without understanding the decisions behind them. The output looks vaguely right but generates slop the moment the template runs out.

Taste is the “why” behind the tokens: why this specific white instead of a branded accent color, why 1px inset border instead of a drop shadow, why the breathing room lives inside sections instead of between them. An agent with taste can make the right call on a page it’s never seen. An agent with only tokens just applies the stylesheet.

/taste runs a 4-step pipeline on any URL and produces a {domain}.md and {domain}.json that explain both.

---

What It Produces

Running /taste https://linear.app writes two files:

linear.md — Design Map + Taste DNA:

## Design Map

Background: #08090A
Surface (card): rgba(255,255,255,0.05)
Text primary: #F7F8F8
Font: Inter Variable — weight 510 (display), 590 (subhead)
Card radius: 6px
Primary depth signal: rgb(35,37,42) 0px 0px 0px 1px inset
Transition: 160ms cubic-bezier(0.25, 0.46, 0.45, 0.94)

## Taste DNA

Principle: Brand lives in white, not in color — RESTRAINT
Trigger: Deciding on an accent color.
Decision: Don't introduce one. Use white (#F7F8F8) on near-black.
Reason: On #08090A, white carries all the emphasis needed. A branded
        CTA button would make it feel like a template.
Evidence: Every nav link and CTA is white or near-white. The pink
          gradient in the hero is a one-time decorative moment,
          not a system. accentCandidates from DOM are 100% grays.
Trade-off: Can't differentiate feature tiers by color. Hierarchy
           comes from weight and size alone.

linear.json — same data, machine-parseable. Feed it to Cursor rules, Windsurf rules, CLAUDE.md, or any design system pipeline.

---

Usage