$pwd:~/профессии/Дизайн и UX/UI
skills --listready
// Профессия

Дизайн и UX/UI

112 скилов

Скилы для дизайнеров и UX/UI-специалистов: проектирование интерфейсов, работа с цветами и типографикой, написание UX-текстов, создание дизайн-систем. Помогают дизайнерам ускорить работу с Claude Code и Cursor при создании и документировании интерфейсов.

Это каталог: все скилы профессии карточками, с описанием и установкой. Если нужен разбор — какой скил под какую задачу брать, — он лежит в хабе дизайн-скилы Claude Code: разбор UI/UX Pro Max, frontend-design и Taste с выбором под задачу. Универсальный стартовый набор под любую работу собран в обзоре лучшие скилы для Claude.

find
Найдено: 112 скилов
ui-to-vue.md
220k

ui-to-vue

Конвертация дизайна в компоненты Vue

Affaan M (ECC)

vuefigmafrontend
ios-icon-gen.md
220k

ios-icon-gen

Генерация иконок iOS из SF Symbols

Affaan M (ECC)

iosiconsxcode
react-performance.md
220k

react-performance

Оптимизация React и Next.js по стандартам Vercel

affaan-m

reactnextjsperformance
vue-patterns.md
220k

vue-patterns

Vue 3 Composition API, Pinia, Nuxt, Vue Router

Affaan M.

claude-codevuevuejs
motion-patterns.md
220k

motion-patterns

Анимации компонентов: модалы, тосты, переходы

Affaan M.

claude-codeanimationmotion
motion-ui.md
220k

motion-ui

Готовая UI-система анимации для React/Next.js

Affaan M.

claude-codeanimationmotion
frontend-a11y.md
217k

frontend-a11y

Доступность интерфейсов: ARIA и семантика

affaan-m

claude-codeaccessibilitya11y
liquid-glass-design.md
207k

liquid-glass-design — стиль liquid glass

Современный визуал в стиле Apple liquid glass

Affaan M

СкилClaude Code
design-system.md
207k

design-system — работа с дизайн-системой

Поддержка дизайн-системы в проекте

Affaan M

СкилClaude Code
frontend-slides.md
207k

frontend-slides

Анимированные HTML-презентации

Affaan M

Скил
stable-diffusion-image-generation.md
195k

stable-diffusion-image-generation

Генерация изображений через Stable Diffusion

NousResearch

stable-diffusionimage-generationai
claude-design.md
180k

claude-design

HTML-артефакты: лендинги, деки

Nous Research

Скил
Полный список: 112 скилов — дизайн и ux/ui

Частые вопросы

Как дизайнер использует Claude Code — без кода?
Дизайнеры используют Claude Code для генерации CSS-стилей и Tailwind-классов по описанию, написания UX-текстов и микрокопи, документирования дизайн-решений, создания спецификаций компонентов. Знание кода не обязательно — скилы адаптируют Claude под нетехнические задачи.
Есть ли скилы для создания дизайн-систем?
Да. Скилы для дизайн-систем помогают Claude документировать токены, описывать компоненты в формате Figma Variants, создавать Storybook-документацию. Работают в паре со скилами из категории Документация.
Как скил frontend-design помогает с вёрсткой?
Скил frontend-design задаёт Claude стандарты премиум-вёрстки: правильный отступы по шкале, семантические теги, доступность, адаптивность. Claude Code начинает верстать компоненты с правильной иерархией и структурой, не просто копируя Tailwind-классы из примеров.

Или по категории

Скилы и скиллы Claude Code для «Дизайн и UX/UI»: готовые навыки (.md-расширения) для Claude и Cursor — устанавливаются в один шаг.