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

Дизайн и UX/UI

109 скилов

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

find
Найдено: 109 скилов
ios-icon-gen.md
214k

ios-icon-gen

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

Affaan M (ECC)

iosiconsxcode
ui-to-vue.md
214k

ui-to-vue

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

Affaan M (ECC)

vuefigmafrontend
swiftui-patterns.md
214k

swiftui-patterns

Паттерны SwiftUI для чистого iOS кода

affaan-m

swiftuiiosmvvm
react-performance.md
214k

react-performance

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

affaan-m

reactnextjsperformance
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-design-direction.md
207k

frontend-design-direction

Дизайн-направление для продуктового UI

Affaan M

Скил
frontend-slides.md
207k

frontend-slides

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

Affaan M

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

stable-diffusion-image-generation

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

NousResearch

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

claude-design

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

Nous Research

Скил
design-md.md
180k

design-md

Файл DESIGN.md с дизайн-токенами

Nous Research

Скил
web-artifacts-builder.md
150k

web-artifacts-builder

Интерактивные веб-артефакты с shadcn/ui и Tailwind

Anthropic

claude-codereacttailwind
frontend-design.md
130k

Frontend Design

Современные интерфейсы по дизайн-правилам

Anthropic

СкилClaude Code
ux-designer.md
114k

ux-designer

UX-исследования, прототипы и оценка дизайна

Shubham Saboo

uxdesignwireframe
ui-ux-pro-max.md
91k

ui-ux-pro-max

50+ стилей UI и 161 цветовая палитра

NextLevelBuilder

uiuxdesign-system
ui-ux-pro-max-skill.md
88k

UI/UX Pro Max Skill

Дизайн-интеллект для интерфейсов

nextlevelbuilder

СкилClaude Code
ckmbanner-design.md
87k

ckmbanner-design

Баннеры для соцсетей и рекламы

NextLevelBuilder

Скил
design-is.md
81k

design-is

Аудит дизайна по принципам Рамса

thedotmack

Скил
design-guide.md
69k

design-guide

Гид по дизайн-системе Paperclip

Paperclip AI

Скил
open-design.md
64k

open-design

Открытые принципы дизайна интерфейсов

nexu-io

СкилClaude Codedesign
email-marketing-template.md
64k

email-marketing-template

HTML-шаблон продуктового письма для рассылки

nexu-io

emailhtmltemplate
shadcn-ui.md
64k

shadcn-ui

UI-компоненты shadcn/ui для быстрой сборки интерфейсов

nexu-io (Google Labs / Stitch)

shadcnuireact
figma-generate-design.md
64k

figma-generate-design

Генерация дизайна в Figma через AI-команды

nexu-io / open-design

figmadesignui
figma-implement-design.md
64k

figma-implement-design

Реализация Figma-дизайна в код через AI

nexu-io / open-design

figmadesign-to-codereact
d3-visualization.md
64k

d3-visualization

Интерактивные графики и диаграммы на D3.js

nexu-io / open-design

d3visualizationcharts
design-review.md
64k

design-review

Структурированное ревью UI-дизайна по критериям

nexu-io / open-design

design-reviewuxui
mobile-app.md
64k

mobile-app

Разработка мобильных приложений с нуля

nexu-io

mobilereact-nativeflutter
design-brief.md
64k

design-brief

Структурированный дизайн-бриф из расплывчатого запроса

nexu-io / open-design

designbriefspecifications
flutter-animating-apps.md
64k

flutter-animating-apps

Плавные анимации во Flutter приложениях

nexu-io

flutteranimationsmobile
resume-modern.md
62k

resume-modern

Современное резюме на A4 для печати и PDF

nexu-io

resumecvdesign
frontend-ui-ux.md
61k

frontend-ui-ux

Фронтенд с дизайнерским подходом

Yeongyu Kim

Скил
frontend-ui-engineering.md
48k

frontend-ui-engineering

Сложный UI для продакшена

Addy Osmani

Скил
taste-skill.md
41k

taste-skill

Даёт AI хороший вкус — против generic-вывода

Leonxlnx

claude-codecreativitydesign
react-flow-architect.md
41k

react-flow-architect

Приложения с визуальными графами на ReactFlow

sickn33

reactflowdiagramsvisual-editor
ui-ux-designer.md
41k

ui-ux-designer

Экспертная помощь в UI/UX дизайне

sickn33

uiuxdesign
product-design.md
41k

product-design

Продуктовый дизайн и исследование UX

sickn33

product-designux-researchprototyping
android-jetpack-compose-expert.md
41k

android-jetpack-compose-expert

Экспертный Android UI на Jetpack Compose

sickn33

androidjetpack-composekotlin
accessibility-audit.md
40k

accessibility-compliance-accessibility-audit

WCAG-аудит доступности веб и мобильных интерфейсов

Antigravity / Community

accessibilitywcaga11y
frontend-mobile-development.md
37k

frontend-mobile-development

Мобильные приложения и frontend для разных платформ

wshobson

claude-codemobilereact-native
kpi-dashboard-design.md
37k

kpi-dashboard-design

Проектирование KPI-дашбордов

Will Shobson

kpidashboardanalytics
interaction-design.md
37k

interaction-design

Анимации и микровзаимодействия в UI

Will Shobson

animationmotionframer-motion
mobile-ios-design.md
37k

mobile-ios-design

Стандарты дизайна iOS и SwiftUI от Apple

Will Shobson

iosswiftuihig
ui-design.md
37k

ui-design

UI/UX для мобайла и веба: паттерны и доступность

wshobson

ui-uxdesignmobile
react-native-design.md
37k

react-native-design

React Native: стиль, навигация, анимации

wshobson

react-nativemobileios
design-system-patterns.md
37k

design-system-patterns

Масштабируемая дизайн-система с токенами

Will Shobson

design-systemtokensstorybook
mobile-android-design.md
37k

mobile-android-design

Дизайн Android-интерфейсов по Material Design 3

Will Shobson

androidjetpack-composematerial-design
accessibility-compliance.md
37k

accessibility-compliance

WCAG-аудит, screen reader, клавиатурная навигация

wshobson

claude-codeaccessibilitywcag
salesforce-component-standards.md
35k

salesforce-component-standards

Стандарты LWC и Aura-компонентов

GitHub

salesforcelwcaura
design.md
30k

design

DESIGN.md как источник правды

Yeachan Heo

Скил
web-design-guidelines.md
28k

web-design-guidelines — Vercel

Дизайн-гайдлайны для web-проектов от Vercel

Vercel

СкилClaude Code
react-view-transitions.md
28k

react-view-transitions — Vercel

Плавные переходы между страницами в React

Vercel

СкилClaude CodeReact
react-best-practices.md
28k

react-best-practices — Vercel

Современные паттерны React от Vercel

Vercel

СкилClaude CodeReact
game-studio-skills.md
21k

game-studio-skills

49 агентов и 72 скила для геймдева

Donchitos

claude-codegame-devunity
baoyu-image-gen.md
21k

baoyu-image-gen

Генерация изображений через 10+ AI-API

JimLiu

image-generationai-artopenai
baoyu-infographic.md
21k

baoyu-infographic

Инфографика с 21 компоновкой и 22 стилями

JimLiu

infographicvisualizationcontent
baoyu-compress-image.md
21k

baoyu-compress-image

Сжатие изображений в WebP без потери качества

JimLiu

imagewebpoptimization
baoyu-diagram.md
21k

baoyu-diagram

Генератор SVG-диаграмм любого типа

JimLiu

diagramsvgvisualization
design-critique.md
19k

design-critique

Структурный разбор дизайна

Anthropic

СкилClaude Code
design-handoff.md
19k

design-handoff

Передача дизайна разработке

Anthropic

СкилClaude Code
huashu-design.md
18k

huashu-design

HTML-нативный дизайн прямо в Claude Code

alchaincyf

designhtmlcss
vue-expert.md
9.9k

vue-expert

Vue 3 Composition API и вся экосистема

Jeffallan

vuevue3composition-api
prompt-master.md
9.1k

prompt-master

Пишет точные промпты для любого AI-инструмента

nidhinjs

promptingprompt-engineeringai-tools
garden-skills.md
7.9k

garden-skills

Веб-дизайн, извлечение знаний и разработка от ConardLi

ConardLi

frontendweb-designcss
gsap-core.md
6k

gsap-core

Анимации GSAP: твины, плавность, stagger

GreenSock (GSAP)

gsapanimationjavascript
gsap-scrolltrigger.md
6k

gsap-scrolltrigger

Анимации при скролле, пиннинг секций

GreenSock (GSAP)

gsapscrolltriggerscroll-animation
gsap-timeline.md
6k

gsap-timeline

Последовательные анимации по таймлайну

GreenSock (GSAP)

gsaptimelineanimation
gsap-react.md
6k

gsap-react

GSAP-анимации в React-компонентах

GreenSock (GSAP)

gsapreactanimation
gsap-plugins.md
6k

gsap-plugins

Полная экосистема плагинов GSAP для анимаций

GreenSock (GSAP)

gsappluginsanimation
gsap-performance.md
6k

gsap-performance

60fps без тормозов: оптимизация GSAP

GreenSock (GSAP)

gsapperformanceanimation
threejs-animation.md
6k

threejs-animation

3D-анимации: скелет, морфинг, микширование

midudev

threejs3danimation
threejs-fundamentals.md
6k

threejs-fundamentals

Основы Three.js: сцена, камера, рендерер

midudev

threejs3dwebgl
threejs-shaders.md
6k

threejs-shaders

GLSL-шейдеры и кастомные эффекты Three.js

midudev

threejsshadersglsl
threejs-materials.md
6k

threejs-materials

PBR-материалы и текстуры в Three.js

midudev

threejs3dmaterials
threejs-lighting.md
6k

threejs-lighting

Освещение и тени в 3D-сценах Three.js

midudev

threejs3dlighting
react-three-fiber.md
6k

react-three-fiber

Three.js через React-компоненты: R3F

midudev

react-three-fiberr3fthreejs
threejs-loaders.md
6k

threejs-loaders

Загрузка 3D-моделей и HDR-окружений в Three.js

midudev

threejs3dgltf
stitch-skills.md
6k

stitch-skills

Скилы для дизайн-агента Google Stitch

Google Labs

googlestitchdesign
architecture-diagram.md
5.8k

architecture-diagram

Архитектурные диаграммы как HTML-файл за секунды

Cocoon-AI

diagramsarchitecturevisualization
openmontage.md
4.7k

openmontage

Агентная система видеопроизводства с 12 пайплайнами

calesthio

videoproductionffmpeg
excalidraw-skill.md
3.7k

excalidraw-skill

Диаграммы в стиле Excalidraw из описания задачи

coleam00

excalidrawdiagramsvisualization
generative-media-skills.md
3.5k

generative-media-skills

Генерация изображений, видео и аудио через агента

SamurAIGPT

generative-aiimagesvideo
hallmark.md
3.1k

hallmark

Дизайн который не выглядит как сгенерированный AI

Nutlope (Hassan El Mghari)

designanti-slopui
obsidian-visual-skills.md
3k

obsidian-visual-skills

Визуализации в Obsidian: Canvas, диаграммы, схемы

axtonliu

obsidiancanvasexcalidraw
react-native-unistyles.md
2.9k

react-native-unistyles

Стилизация React Native через Unistyles v3

jpudysz

react-nativestylingmobile
nothing-design-skill.md
2.4k

nothing-design-skill

UI в стиле Nothing: монохром, типографика, OLED

dominikmartn

designnothing-phoneui
performance.md
2.2k

performance

Оптимизация Core Web Vitals и загрузки

Addy Osmani

performancewebcore-web-vitals
accessibility-wcag.md
2k

accessibility-wcag

Доступность интерфейсов по стандартам WCAG

rohitg00

accessibilitywcagaria
ui-ux-design-pro.md
2k

ui-ux-design-pro

Профессиональный UI/UX дизайн и прототипирование

LeoYeAI

uiuxdesign
astro-framework.md
1.8k

astro-framework

Быстрые сайты на Astro с islands-архитектурой

midudev

astrofrontendislands-architecture
gpt-image2-ppt.md
921

gpt-image2-ppt

Клонирует презентацию по скриншоту слайда

JuneYaooo

powerpointpresentationsdesign
react-native-ease-refactor.md
891

react-native-ease-refactor

Плавные анимации в React Native через Ease

AppAndFlow

react-nativeanimationmobile
color-expert.md
486

color-expert

Цвет, палитры и OKLCH/OKLAB для дизайнеров

meodai

colordesignoklch
styleseed.md
432

styleseed

Дизайн-система для вайб-кодинга

bitjaru

design-systemuishadcn
framer-motion.md
355

framer-motion

Анимации React-компонентов через Framer Motion

AI Skill Store

framer-motionreactanimation
storybook-component-documentation.md
167

storybook-component-documentation

Документирование UI-компонентов через Storybook

TheBushidoCollective

storybookcomponentsdocumentation
three-js.md
139

three-js

3D-графика в браузере на Three.js

Mindrally

threejswebgl3d
swiftui-design.md
135

swiftui-design

SwiftUI-дизайн без AI-мусора: правила и ревью

wholiver

swiftuiiosdesign
figma-design-react.md
112

figma-design-react

Из Figma в готовые React-компоненты

Bitovi

figmareactfrontend
figma-plugin.md
107

figma-plugin

Разработка плагинов для Figma с помощью Claude

bergside

figmaplugindesign
ar-vr-xr.md
64

ar-vr-xr

Разработка AR/VR/XR приложений и пространственных интерфейсов

Travis Neuman

arvrxr
brand-identity.md
64

brand-identity

Стратегия бренда и разработка визуальной айдентики

Travis Neuman

brandidentitydesign-system
figma-design-omni.md
45

figma-design-omni

Читает и использует Figma-дизайны

diegosouzapw

figmadesign-systemtokens
figma-design-extraction.md
10

figma-design-extraction

Полное извлечение дизайна из Figma

majiayu000

figmadesign-extractiontokens
design-figma-screenhand.md
9

design-figma-screenhand

Создаёт и редактирует дизайн в Figma

manushi4

figmadesignwireframe
ux-writing-assistant.md
6

ux-writing-assistant

Тексты для интерфейсов: кнопки, ошибки, онбординг

Eli-yu-first

ux-writingcopywritingui
premium-website-designer.md
Премиум

Дизайнер премиум сайтов

Дизайн премиум-сайтов от концепта до каркаса

Сообщество ИИ-офис

СубагентClaude Code
threejs-geometry.md

threejs-geometry

Геометрия и меши для Three.js

midudev

threejs3dgeometry
threejs-postprocessing.md

threejs-postprocessing

Визуальные эффекты и постобработка в Three.js

midudev

threejs3dpostprocessing
tailwind-v4-shadcn.md

tailwind-v4-shadcn

Tailwind CSS v4 и shadcn/ui: правильная настройка

midudev

tailwindtailwindcss-v4shadcn

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

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

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