Дизайн и UI
Дизайн и UI для Claude Code: 823 скилла. Популярные: выразительный веб-дизайн с Claude, профессиональный аудит UI/UX, извлечение дизайн-системы с сайта. У каждого — описание на русском, команда установки и исходники.
frontend-designOfficial — выразительный веб-дизайн с Claude
anthropics/skills
Направляет Claude на создание самобытных интерфейсов вместо шаблонных решений. Генерирует HTML/CSS/JS и React-компоненты с уникальной типографикой, анимациями и продуманными цветовыми решениями.
ui-ux-pro-max — профессиональный аудит UI/UX
nextlevelbuilder/ui-ux-pro-max-skill
Дизайн-система и UI-аудит: контрастность, focus states, touch targets, 161 цветовая палитра, 57 шрифтовых сочетаний. Поддержка 10 стеков: React, SwiftUI, Flutter и другие.
extract-design-system — извлечение дизайн-системы с сайта
arvindrk/extract-design-system
Извлекает дизайн-токены из любого публичного сайта: парсит CSS и генерирует нормализованные JSON-файлы и стартовые токены для дизайн-системы.
design-taste-frontend — базовая дизайн-система для Claude
leonxlnx/taste-skill
Устанавливает три параметра дизайна для Claude: вариативность (асимметрия), интенсивность движения (анимации) и визуальная плотность. База для предсказуемого UI-стиля.
high-end-visual-design — Awwwards-уровень визуального дизайна
leonxlnx/taste-skill
Для по-настоящему премиального UI вместо обычного Inter и скруглённых углов. Enforces Awwwards-уровень: чёткие антипаттерны и правила исполнения для каждого решения.
redesign-existing-projects — редизайн шаблонных AI-сайтов
leonxlnx/taste-skill
Аудит существующего кода на шаблонные паттерны (центрированный hero, дефолтные шрифты) и системный редизайн с конкретными правилами и измеримым улучшением.
animate — системные анимации для статичного UI
pbakaus/impeccable
Добавляет осмысленные анимации в статичный UI: входные эффекты, микроинтеракции, переходы состояний и навигация. Определяет пропущенную обратную связь и паттерны.
colorize — осмысленные цвета в интерфейсе
pbakaus/impeccable
Добавляет продуманный цвет в серые монохромные интерфейсы без радужного хаоса: семантическая цветовая стратегия, акценты, бренд и иерархия.
minimalist-ui — редакционный минимализм UI
leonxlnx/taste-skill
Запрещает AI-клише: Inter/Roboto, Lucide icons, тяжёлые тени и скруглённые углы. Editorial minimalism с конкретными заменами для каждого запрещённого паттерна.
emil-design-eng — анимации Emil Kowalski
emilkowalski/skill
Вся философия animations.dev Эмиля Ковальски в одном скилле: ощущение правильных интерфейсов, spring-анимации, micro-взаимодействия и нативные переходы.
full-output-enforcement — запрет обрезки кода
leonxlnx/taste-skill
Запрещает Claude обрезать код: "// rest of code here", "let me know if you want more" и другие паттерны усечения. Всегда полный вывод без сокращений.
canvas-designOfficial — настоящий визуальный дизайн в файлах
anthropics/skills
Создаёт реальные визуальные работы (PNG, PDF): генерирует философию дизайна, затем реализует как арт-объект. Не макеты — настоящий дизайн.
gpt-taste — нешаблонный frontend дизайн
leonxlnx/taste-skill
Frontend дизайн-скилл, ломающий дефолты LLM. Заставляет Claude выходить за рамки одинаковых layouts и генерировать самобытные решения.
frontend-design — выразительный веб-дизайн с Claude
pbakaus/impeccable
Направляет Claude на создание самобытных интерфейсов вместо шаблонных решений. Генерирует HTML/CSS/JS и React-компоненты с уникальной типографикой, анимациями и продуманными цветовыми решениями.
image-to-code — сайт из изображения-референса
leonxlnx/taste-skill
Claude сначала создаёт дизайн-макет по картинке, потом реализует — не угадывает из памяти. Дизайн-процесс перед кодом для точного результата.
brandkit — брендовые макеты без AI-клише
leonxlnx/taste-skill
Генерирует presentation-ready бренд-кит борды с правильной сеткой: не AI-слоп. Шрифты, цветовые системы, логотипы в реальном применении.
imagegen-frontend-web — уникальный дизайн лендингов
leonxlnx/taste-skill
Антидот против purple gradient hero и floating blobs. Создаёт самобытные landing page дизайны с конкретными эстетическими направлениями.
design-md — DESIGN.md для Google Stitch
google-labs-code/stitch-skills
Анализирует существующие Stitch проекты и генерирует DESIGN.md файлы для консистентности дизайна между экранами в Google Stitch.
tailwind-design-system — дизайн-система на Tailwind v4
wshobson/agents
Компонентные библиотеки с CSS-first конфигурацией Tailwind v4: @theme блоки и нативные CSS переменные вместо старого JavaScript конфига.
frontend-designOfficial — выразительный веб-дизайн с Claude
anthropics/claude-code
Направляет Claude на создание самобытных интерфейсов вместо шаблонных решений. Генерирует HTML/CSS/JS и React-компоненты с уникальной типографикой, анимациями и продуманными цветовыми решениями.
stitch-design — Stitch Design Google Labs
google-labs-code/stitch-skills
Stitch Design.
huashu-design — дизайн HuaShu Alchaincyf
alchaincyf/huashu-design
Дизайн HuaShu.
design-an-interface — проектирование интерфейса Matt Pocock
mattpocock/skills
Проектирование интерфейса.
mobile-ios-design — дизайн мобильного iOS Wshobson
wshobson/agents
Дизайн мобильного iOS.