🖤 Собрал 3 скилла, которые лечат AI от «одинакового дизайна»
Вы наверняка замечали: попросишь Claude накидать интерфейс - и на выходе одинаковые градиенты, одинаковые шрифты, одинаковые вложенные карточки. Это называют «AI slop» - генерик-дизайн, который штампует любая модель
👇
🌕 Impeccable
Автор: Paul Bakaus (экс-Google)
Не просто набор правил, а целая дизайн-система: 1 скилл, 20 команд, куратированные антипаттерны. Учит модель работать с типографикой, цветом, пространством, анимацией, адаптивностью и UX-копирайтингом
Команды в духе /audit, /polish, /animate, /colorize — точечно правишь то, что нужно
Установка: в Claude Code дайте ссылку и попросите установить скилл, потом перезагрузите его (другие так же)
🔗 Impeccable: mdskills.ai/plugins/impeccable
👁️ Taste-Skill Это не один скилл, а набор из 10+ узких скиллов под разные стили. Ставите весь пакет, а дальше просто добавляете в промпт нужную фразу-триггер — и агент выдаёт результат в этой стилистике. Вот что внутри:
▪️ minimalist-skill — пишете «в минималистичном стиле» → чистый редакторский минимализм: тёплый монохром, бенто-сетка, без градиентов и тяжёлых теней
▪️ soft-skill — пишете «чтобы выглядело дорого» → «агентский» дорогой look: точные шрифты, тени, карточки; блокирует дешёвые дефолтные стили
▪️ gpt-tasteskill — пишете что-то вроде «editorial + GSAP-моушн» → UX/UI с продвинутым GSAP: ScrollTrigger, pinning, AIDA-структура, широкая типографика
▪️ stitch-skill — генерирует DESIGN.md с премиум-стандартами UI под Google Stitch
▪️ output-skill — не про стиль, а про качество кода: отключает обрезку вывода LLM, запрещает плейсхолдеры-заглушки, чинит сплиты при упоре в лимит токенов
▪️ frontend-design — включается автоматически, когда агент собирает новый интерфейс: встроенный гайд по осмысленному, не-шаблонному визуалу
🔗 Taste-Skill: github.com/leonxlnx/taste-skill
🔫 Skills от Emil Kowalski (мой любимый)
Автор — бывший дизайнер Vercel и Linear, 22k+ звезд на GitHub
Это уже не про «сделай красиво в целом», а конкретно про анимации — самое больное место ИИ-агентов: неправильный easing, не те элементы для движения. В наборе:
• apple-design — принципы Apple, адаптированные под веб (я обычно пишу: сделай интерфейс в стиле iOS)
• emil-design-eng — базовые принципы дизайна и анимации
• review-animations — жёсткая проверка анимаций по правилам
• improve-animations — аудит + план исправлений
• find-animation-opportunities — где вообще стоит добавить движение
• animation-vocabulary — как точно описать модели нужную анимацию
• pick-ui-library — когда не изобретать велосипед, а взять готовую библиотеку
• prototype — генерация нескольких вариантов UI с компаратором
🔗 Skills от Emil Kowalski: github.com/emilkowalski/skills
Итог: если делаете интерфейсы через AI-агентов — это три скилла, которые реально меняют результат с "типового шаблона" на что-то, за что не стыдно. Ставятся за одну команду, конфликтов между собой не создают
Вы наверняка замечали: попросишь Claude накидать интерфейс - и на выходе одинаковые градиенты, одинаковые шрифты, одинаковые вложенные карточки. Это называют «AI slop» - генерик-дизайн, который штампует любая модель
👇
🌕 Impeccable
Автор: Paul Bakaus (экс-Google)
Не просто набор правил, а целая дизайн-система: 1 скилл, 20 команд, куратированные антипаттерны. Учит модель работать с типографикой, цветом, пространством, анимацией, адаптивностью и UX-копирайтингом
Команды в духе /audit, /polish, /animate, /colorize — точечно правишь то, что нужно
Установка: в Claude Code дайте ссылку и попросите установить скилл, потом перезагрузите его (другие так же)
🔗 Impeccable: mdskills.ai/plugins/impeccable
👁️ Taste-Skill Это не один скилл, а набор из 10+ узких скиллов под разные стили. Ставите весь пакет, а дальше просто добавляете в промпт нужную фразу-триггер — и агент выдаёт результат в этой стилистике. Вот что внутри:
▪️ minimalist-skill — пишете «в минималистичном стиле» → чистый редакторский минимализм: тёплый монохром, бенто-сетка, без градиентов и тяжёлых теней
▪️ soft-skill — пишете «чтобы выглядело дорого» → «агентский» дорогой look: точные шрифты, тени, карточки; блокирует дешёвые дефолтные стили
▪️ gpt-tasteskill — пишете что-то вроде «editorial + GSAP-моушн» → UX/UI с продвинутым GSAP: ScrollTrigger, pinning, AIDA-структура, широкая типографика
▪️ stitch-skill — генерирует DESIGN.md с премиум-стандартами UI под Google Stitch
▪️ output-skill — не про стиль, а про качество кода: отключает обрезку вывода LLM, запрещает плейсхолдеры-заглушки, чинит сплиты при упоре в лимит токенов
▪️ frontend-design — включается автоматически, когда агент собирает новый интерфейс: встроенный гайд по осмысленному, не-шаблонному визуалу
🔗 Taste-Skill: github.com/leonxlnx/taste-skill
🔫 Skills от Emil Kowalski (мой любимый)
Автор — бывший дизайнер Vercel и Linear, 22k+ звезд на GitHub
Это уже не про «сделай красиво в целом», а конкретно про анимации — самое больное место ИИ-агентов: неправильный easing, не те элементы для движения. В наборе:
• apple-design — принципы Apple, адаптированные под веб (я обычно пишу: сделай интерфейс в стиле iOS)
• emil-design-eng — базовые принципы дизайна и анимации
• review-animations — жёсткая проверка анимаций по правилам
• improve-animations — аудит + план исправлений
• find-animation-opportunities — где вообще стоит добавить движение
• animation-vocabulary — как точно описать модели нужную анимацию
• pick-ui-library — когда не изобретать велосипед, а взять готовую библиотеку
• prototype — генерация нескольких вариантов UI с компаратором
🔗 Skills от Emil Kowalski: github.com/emilkowalski/skills
Итог: если делаете интерфейсы через AI-агентов — это три скилла, которые реально меняют результат с "типового шаблона" на что-то, за что не стыдно. Ставятся за одну команду, конфликтов между собой не создают