# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 1 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [frontend-design](https://affpapa.org/nevibecode/skills/frontend-design.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Claude.ai · 1025790 установок — Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. - [grill-me](https://affpapa.org/nevibecode/skills/grill-me.md) — скилл · Matt Pocock · Claude Code · 1424476 установок — Скилл проводит жёсткое интервью по плану или дизайну, чтобы найти пробелы и уточнить решения. - [design-taste-frontend](https://affpapa.org/nevibecode/skills/design-taste-frontend.md) — скилл · Leonxlnx · Claude Code, Codex, Cursor +3 · 678700 установок — Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. - [prototype](https://affpapa.org/nevibecode/skills/prototype.md) — скилл · Matt Pocock · Claude Code · 986201 установка — Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. - [grilling](https://affpapa.org/nevibecode/skills/grilling.md) — скилл · Matt Pocock · Claude Code · 979543 установки — Стресс-тестирует план, решение или идею сериями уточняющих вопросов. - [codebase-design](https://affpapa.org/nevibecode/skills/codebase-design.md) — скилл · Matt Pocock · Claude Code · 850344 установки — Скилл помогает проектировать модули с небольшим интерфейсом и скрытой внутри сложностью. - [brainstorming](https://affpapa.org/nevibecode/skills/brainstorming.md) — скилл · Jesse Vincent · Claude Code, Codex · 404045 установок — Скилл помогает прояснить задачу до начала работы: задаёт вопросы, изучает контекст и предлагает варианты решения. - [hyperframes](https://affpapa.org/nevibecode/skills/heygen-com-hyperframes.md) — скилл · heygen-com · Claude Code, Codex, Cursor +3 · 1200000 установок — Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. - [hyperframes-cli](https://affpapa.org/nevibecode/skills/heygen-com-hyperframes-cli.md) — скилл · heygen-com · Claude Code, Codex, Cursor +3 · 1300000 установок — Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. - [media-use](https://affpapa.org/nevibecode/skills/media-use.md) — скилл · heygen-com · Claude Code, Codex, Cursor +3 · 1100000 установок — Находит и генерирует ассеты для видео в HyperFrames — музыку, дикторский голос, аватары и эффекты. - [hyperframes-registry](https://affpapa.org/nevibecode/skills/heygen-com-hyperframes-registry.md) — скилл · heygen-com · Claude Code, Codex, Cursor +3 · 1000000 установок — Находит и добавляет в проект около 450 готовых визуальных блоков HyperFrames — от титров до шейдеров. - [ui-ux-pro-max](https://affpapa.org/nevibecode/skills/ui-ux-pro-max.md) — скилл · nextlevelbuilder · Claude Code, Codex, Cursor +3 · 417000 установок — Скилл подключает к агенту локальную базу из 119 UX-правил, 74 шрифтовых пар и 192 палитр. - [impeccable](https://affpapa.org/nevibecode/skills/impeccable.md) — скилл · pbakaus · Claude Code, Codex, Cursor +3 · 363400 установок — Скилл для ИИ-агента: проектирует и переделывает интерфейсы — лендинги, дашборды, формы, экраны iOS и Android. - [canvas-design](https://affpapa.org/nevibecode/skills/canvas-design.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Claude.ai · 121543 установки — Создаёт плакаты и визуальные постеры в .png и .pdf через собственную дизайн-философию, а не готовые шаблоны. - [web-artifacts-builder](https://affpapa.org/nevibecode/skills/web-artifacts-builder.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Claude.ai · 112122 установки — Скилл собирает сложные HTML-артефакты для claude.ai на React, Tailwind CSS и shadcn/ui. - [brand-guidelines](https://affpapa.org/nevibecode/skills/brand-guidelines.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Claude.ai · 109043 установки — Применяет фирменные цвета и шрифты Anthropic к документам, презентациям и другим артефактам. - [archify](https://affpapa.org/nevibecode/skills/archify.md) — скилл · tt-a1i · Claude Code, Codex, Cursor +3 · 175500 установок — Создаёт проверенные диаграммы и одностраничные объяснения в виде HTML-файлов. - [theme-factory](https://affpapa.org/nevibecode/skills/theme-factory.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Claude.ai · 94921 установка — Применяет готовые цветовые палитры и пары шрифтов к слайдам, документам и HTML-страницам. - [algorithmic-art](https://affpapa.org/nevibecode/skills/algorithmic-art.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Claude.ai · 89081 установка — Создаёт генеративное искусство на p5.js с seed-случайностью и настройкой параметров. - [slack-gif-creator](https://affpapa.org/nevibecode/skills/slack-gif-creator.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Claude.ai · 75256 установок — Скилл помогает создавать анимированные GIF для Slack и проверять их параметры. - [shadcn](https://affpapa.org/nevibecode/skills/shadcn-ui-shadcn.md) — скилл · shadcn-ui · Claude Code, Codex, Cursor +3 · 123300 установок — Скилл ведёт агента по работе с shadcn/ui: добавляет компоненты, ищет в реестрах, чинит верстку и собирает дизайн-систему по вашему описанию. - [figma](https://affpapa.org/nevibecode/skills/heygen-com-figma.md) — скилл · heygen-com · Claude Code, Codex, Cursor +3 · 334000 установок — Импортирует ассеты, токены бренда и компоненты из Figma в проект HyperFrames и собирает из кадров анимацию. - [emil-design-eng](https://affpapa.org/nevibecode/skills/emil-design-eng.md) — скилл · emilkowalski · Claude Code, Codex, Cursor +3 · 388200 установок — Скилл задаёт правила для полировки интерфейсов, компонентов и анимаций. - [review-animations](https://affpapa.org/nevibecode/skills/review-animations.md) — скилл · emilkowalski · Claude Code, Codex, Cursor +3 · 256500 установок — Проверяет код интерфейсных анимаций по принципам Эмиля Ковальски. - [apple-design](https://affpapa.org/nevibecode/skills/apple-design.md) — скилл · emilkowalski · Claude Code, Codex, Cursor +3 · 244500 установок — Переносит принципы физического интерфейса Apple с докладов WWDC в веб на CSS, Pointer Events и Motion. - [animation-vocabulary](https://affpapa.org/nevibecode/skills/animation-vocabulary.md) — скилл · emilkowalski · Claude Code, Codex, Cursor +3 · 239000 установок — Скилл подбирает точный термин для описанной веб-анимации. - [improve-animations](https://affpapa.org/nevibecode/skills/improve-animations.md) — скилл · emilkowalski · Claude Code, Codex, Cursor +3 · 224200 установок — Скилл проводит ревизию анимаций в кодовой базе и составляет готовые планы доработок. - [find-animation-opportunities](https://affpapa.org/nevibecode/skills/find-animation-opportunities.md) — скилл · emilkowalski · Claude Code, Codex, Cursor +3 · 208900 установок — Ищет в коде и интерфейсе места для уместной анимации, а лишние варианты отбрасывает. - [pick-ui-library](https://affpapa.org/nevibecode/skills/pick-ui-library.md) — скилл · emilkowalski · Claude Code, Codex, Cursor +3 · 185400 установок — Скилл подбирает библиотеку под конкретную задачу фронтенда по списку Эмила Ковальски: тосты, графики, OTP-поля, виртуализация, drag and drop. - [prototype](https://affpapa.org/nevibecode/skills/emilkowalski-prototype.md) — скилл · emilkowalski · Claude Code, Codex, Cursor +3 · 174300 установок — Скилл собирает несколько по-настоящему разных вариантов одного куска UI и ставит их за визуальный пикер: переключаете на ходу и выбираете тот, что нравится больше. - [animate](https://affpapa.org/nevibecode/skills/animate.md) — скилл · emilkowalski · Claude Code, Codex, Cursor +3 · 172700 установок — Создаёт анимации интерфейса с нуля по принципам Эмиля Ковальски. - [hallmark](https://affpapa.org/nevibecode/skills/hallmark.md) — скилл · Nutlope · Claude Code, Codex, Cursor +3 · 70800 установок — Скилл для ИИ-кодинга, который заставляет сгенерированные интерфейсы выглядеть сделанными, а не сгенерированными. - [ask-sonner](https://affpapa.org/nevibecode/skills/ask-sonner.md) — скилл · emilkowalski · Claude Code, Codex, Cursor +3 · 140500 установок — Скилл по библиотеке тостов Sonner для React: подскажет, как подключить Toaster, выбрать вызов toast() и починить тосты, которые не появляются. - [design-system](https://affpapa.org/nevibecode/skills/claudekit-design-system.md) — скилл · claudekit · Claude Code, Codex, Cursor +3 · 43200 установок — Скилл собирает дизайн-токены, спецификации компонентов и презентационные слайды. - [animate-expo](https://affpapa.org/nevibecode/skills/animate-expo.md) — скилл · emilkowalski · Claude Code, Codex, Cursor +3 · 137900 установок — Создаёт мобильные анимации для React Native и Expo на базе Reanimated и Gesture Handler. - [design](https://affpapa.org/nevibecode/skills/design.md) — скилл · claudekit · Claude Code, Codex, Cursor +3 · 41800 установок — Скилл для генерации логотипов, бренд-айдентики, дизайн-токенов, слайдов на Chart.js и баннеров через ИИ и Python-скрипты. - [ui-styling](https://affpapa.org/nevibecode/skills/ui-styling.md) — скилл · claudekit · Claude Code, Codex, Cursor +3 · 41200 установок — Скилл для сборки доступных интерфейсов на shadcn/ui и Tailwind CSS: компоненты, темы, тёмная тема, адаптивные сетки и canvas-дизайн. - [brand](https://affpapa.org/nevibecode/skills/brand.md) — скилл · claudekit · Claude Code, Codex, Cursor +3 · 40500 установок — Скилл держит голос бренда, визуальные правила и дизайн-токены в одном файле, а потом раздаёт их промптам агента и вашему CSS. - [banner-design](https://affpapa.org/nevibecode/skills/banner-design.md) — скилл · claudekit · Claude Code, Codex, Cursor +3 · 40000 установок — Создаёт баннеры для соцсетей, рекламы и сайтов в HTML/CSS с готовыми размерами и стилями. - [slides](https://affpapa.org/nevibecode/skills/slides.md) — скилл · claudekit · Claude Code, Codex, Cursor +3 · 39300 установок — Создаёт адаптивные HTML-презентации с графиками Chart.js и дизайн-токенами. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=2 ## Уточнить [ui](https://affpapa.org/nevibecode/tag/ui.md) · [animation](https://affpapa.org/nevibecode/tag/animation.md) · [css](https://affpapa.org/nevibecode/tag/css.md) · [design-system](https://affpapa.org/nevibecode/tag/design-system.md) · [accessibility](https://affpapa.org/nevibecode/tag/accessibility.md) · [react](https://affpapa.org/nevibecode/tag/react.md) · [ux](https://affpapa.org/nevibecode/tag/ux.md) · [image-generation](https://affpapa.org/nevibecode/tag/image-generation.md) · [tailwind](https://affpapa.org/nevibecode/tag/tailwind.md) · [typography](https://affpapa.org/nevibecode/tag/typography.md) · [html](https://affpapa.org/nevibecode/tag/html.md) · [design-tokens](https://affpapa.org/nevibecode/tag/design-tokens.md) ## Сузить этот список Параметры: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md --- NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md