# 3 скилла: Claude Code как дизайнер

Три скилла превращают Claude Code в дизайнера против AI-слопа: Impeccable (язык дизайна), taste-скилл (недефолтные макеты уровня топ-студий) и animations-скилл Эмиля Ковальски (дорогие анимации).

Claude Code и Codex по умолчанию собирают фронт из одного и того же набора: фиолетовые градиенты, шрифт Inter, карточки внутри карточек — сообщество называет это AI slop. Дело не в промпте, а в отсутствии у модели словаря дизайна. Три скилла ниже дают этот словарь — ставятся по отдельности и работают вместе.

врезка `// Важно`: текст «У Taste Skill в одном репозитории девять разных вариантов скилла (общий, строгий под GPT/Codex, минималистичный, брутализм и другие) — команда ниже ставит только базовый общий вариант; конкретный выбирается флагом --skill.»

## 1. Impeccable — общий словарь дизайна

- Логика: даёт агенту 23 команды и 41 детерминированное правило-детектор для типичных признаков AI slop — вложенных карточек, серого текста на цветном фоне, шаблонных градиентов.
- Установка: из корня проекта — npx impeccable skills install, затем внутри Claude Code — /impeccable init (создаёт PRODUCT.md с контекстом продукта для последующих команд).
- Альтернатива: установка как плагин Claude Code — /plugin marketplace add pbakaus/impeccable.
- Источник: github.com/pbakaus/impeccable, автор Paul Bakaus.

## 2. Taste Skill — сложное решение вместо ванильного

- Логика: толкает агента к более сложному и продуманному интерфейсу вместо шаблонного дефолта — правит расстановку акцентов, типографику, отступы и моушен.
- Установка: npx skills add https://github.com/Leonxlnx/taste-skill ставит базовый вариант; конкретный из девяти можно выбрать так: npx skills add https://github.com/Leonxlnx/taste-skill --skill "design-taste-frontend".
- Источник: github.com/Leonxlnx/taste-skill, автор Leon (Leonxlnx).

## 3. Emil Kowalski's skill — motion и easing

- Логика: кодирует принципы аниматора Эмиля Ковальски — правильный easing на входе и выходе анимации вместо типовых ошибок вроде bounce-эффекта на входе.
- Установка: npx skills add emilkowalski/skill ставит скилл emil-design-eng для решений по анимации; следом стоит поставить review-animations для проверки уже готовых анимаций по тем же правилам.
- Источник: emilkowal.ski/skill (репозиторий на GitHub — emilkowalski/skill).

> Три скилла закрывают разные слои: словарь дизайна, вкус в выборе решения, точность в моушене — вместе получается фронт, который не выглядит собранным ИИ по умолчанию.

---

Источник: https://localhost:3000/m/3-claude-code-design-skills