# 3 скилла против «уродливого» дизайна ИИ

Три скилла, которые чинят «уродливый» AI-дизайн.

Чек-лист: скачать → установить → использовать. Для Claude Code и Codex. Разбор шортса «Рома шортс 1_V3».

Claude Code и Codex по умолчанию генерят дженерик-дизайн («AI-слоп»). Эти три открытых скилла дают агенту язык дизайна, вкус на уровне топ-студий и анимацию. Ставятся в минуты, работают и на новых, и на уже готовых проектах.

## Подготовка (один раз)

- [ ] Установлен Node.js (нужен для npx). Проверка: node -v
- [ ] Открыт терминал в папке проекта, дизайн которого улучшаешь (cd путь/к/проекту)
- [ ] Claude Code или Codex CLI уже стоит и работает в этом проекте

## 1. Impeccable — язык дизайна · анти-слоп

Автор: Пол Бакаус (Paul Bakaus, @pbakaus)

Даёт агенту реальный визуальный словарь (23 команды), детектор «слопа» и Live Mode — правки прямо в браузере. Тем же скиллом можно переделать свои старые макеты, а не только новые.

github.com/pbakaus/impeccable · сайт: impeccable.style · лицензия Apache-2.0

## Скачать и установить

- В папке проекта выполни: npx impeccable install (сам находит папки Claude Code / Codex)
- Только Claude Code — как плагин: /plugin marketplace add pbakaus/impeccable
- Для Codex: после установки открой /hooks и подтверди project hook

## Настроить проект

- В агенте один раз запусти: /impeccable init — задаст пару вопросов и создаст PRODUCT.md / DESIGN.md

## Использовать

- Улучшить секцию: /impeccable polish форму оплаты
- Аудит дизайна: /impeccable audit · сделать смелее/тише: /impeccable bolder
- Живые правки в браузере: /impeccable live
- Проверить проект на слоп без агента: npx impeccable detect src/

## 2. Taste Skill — вкус топ-студий

Автор: Леон Лин (Leon Lin, @Leonxlnx)

Обучен на сотнях награждённых сайтов и интерфейсов. Заставляет агента искать недефолтные решения — не «очередной такой же лендинг», а сложные варианты уровня топовых студий.

github.com/Leonxlnx/taste-skill · сайт: tasteskill.dev

## Скачать и установить

- База (v2 по умолчанию): npx skills add https://github.com/Leonxlnx/taste-skill
- Для Codex / GPT (строже): npx skills add https://github.com/Leonxlnx/taste-skill --skill "gpt-taste"
- Под редизайн готового проекта: --skill "redesign-existing-projects"

Работает с Claude Code, Cursor, Codex, Devin. Апгрейд v1 → v2 — той же командой, имя скилла не меняется.

## Использовать

- Скилл подхватывается автоматически. Проси агента: «сделай лендинг с вкусом, используй taste-skill»
- Для редизайна: «пройди по проекту скиллом taste и убери дженерик»

## 3. Animation Skill (emil-design-eng) — motion · «дорого»

Автор: Эмиль Ковальски (Emil Kowalski, @emilkowalski) — Linear, курс animations.dev, автор Sonner

Добавляет на сайт качественную анимацию и motion, чтобы интерфейс выглядел максимально дорого. Ревьюит твой UI, ловит типичные ошибки (ease-in, анимация частых действий) и держит правила: движения короче ~300 мс, кастомные easing вместо дефолтных.

github.com/emilkowalski/skill · сайт: emilkowal.ski/skill

## Скачать и установить

- Одной командой: npx skills add emilkowalski/skill
- Вручную: положить SKILL.md в ~/.claude/skills/emil-design-eng/ — Claude подхватит на след. сессии

## Использовать

- Создать/улучшить анимации: «используй emil-design-eng, добавь motion на этот блок»
- Проверить готовые анимации: попроси прогнать review-animations

## Порядок применения

«Impeccable задаёт систему и чистит слоп» → «Taste Skill поднимает уровень до топ-студии» → «Animation Skill добавляет motion»

_Ставим все три в проект. Один проект — три слоя качества._

врезка `// Осторожно`: текст «Точные команды — в README каждого репозитория; проекты обновляются, сверяйся с актуальной версией на сайте/GitHub.»

---

Источник: https://localhost:3000/m/3-fix-ugly-ai-design-skills