Чек-лист
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).
Три скилла закрывают разные слои: словарь дизайна, вкус в выборе решения, точность в моушене — вместе получается фронт, который не выглядит собранным ИИ по умолчанию.
