# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 38 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=38 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [interaction-design](https://affpapa.org/nevibecode/skills/aj-geddes-interaction-design.md) — скилл · aj-geddes · Claude Code, Codex, Cursor +3 · 505 установок — Скилл для проектирования взаимодействий: анимации, состояния загрузки и ошибок, отклик на нажатия. - [design-archivist](https://affpapa.org/nevibecode/skills/design-archivist.md) — скилл · curiositech · Claude Code, Codex, Cursor +3 · 321 установка — Собирает визуальную базу из 500–1000 реальных примеров: палитры, шрифты, сетки, интеракции. - [responsive-web-design](https://affpapa.org/nevibecode/skills/secondsky-responsive-web-design.md) — скилл · secondsky · Claude Code, Codex, Cursor +3 · 684 установки — Скилл обучает агента адаптивной вёрстке сайтов по принципу mobile-first. - [user-persona-creation](https://affpapa.org/nevibecode/skills/user-persona-creation.md) — скилл · aj-geddes · Claude Code, Codex, Cursor +3 · 486 установок — Скилл помогает создавать профили целевых пользователей на базе исследований и интервью. - [figma-integration](https://affpapa.org/nevibecode/skills/figma-integration.md) — скилл · Mindrally · Claude Code, Codex, Cursor +3 · 718 установок — Направляет ИИ-агента при переносе макетов из Figma в код: от разбора токенов и стилей до настройки MCP-серверов. - [animate](https://affpapa.org/nevibecode/skills/onewave-ai-animate.md) — скилл · OneWave-AI · Claude Code, Codex, Cursor +3 · 394 установки — Генерирует моушн-графику и анимированные ролики по текстовому описанию. - [data-viz-2025](https://affpapa.org/nevibecode/skills/data-viz-2025.md) — скилл · curiositech · Claude Code, Codex, Cursor +3 · 304 установки — Скилл для React, Next.js и TypeScript: помогает строить интерактивные графики, дашборды и визуализации на Tailwind CSS. - [dark-mode-design-expert](https://affpapa.org/nevibecode/skills/dark-mode-design-expert.md) — скилл · curiositech · Claude Code, Codex, Cursor +3 · 304 установки — Скилл по тёмной теме интерфейсов: атмосферные палитры, требования WCAG и токены для светлой и тёмной схемы. - [muapi-logo-creator](https://affpapa.org/nevibecode/skills/muapi-logo-creator.md) — скилл · SamurAIGPT · Claude Code, Codex, Cursor +3 · 2900 установок — Формирует лаконичные векторные логотипы на базе геометрических фигур и негативного пространства через muapi.ai. - [thumbnail-design](https://affpapa.org/nevibecode/skills/thumbnail-design.md) — скилл · social-media-skills · Claude Code, Codex, Cursor +3 · 699 установок — Скилл пишет бриф на обложку YouTube и план A/B-теста: одна точка фокуса, читаемость на телефоне, честное обещание вместо кликбейта. - [design-and-templates](https://affpapa.org/nevibecode/skills/design-and-templates.md) — скилл · social-media-skills · Claude Code, Codex, Cursor +3 · 694 установки — Скилл собирает брендкит и небольшой набор шаблонов, чтобы не-дизайнер делал однотипную графику для соцсетей быстро и в одном стиле. - [less-best-practices](https://affpapa.org/nevibecode/skills/less-best-practices.md) — скилл · Mindrally · Claude Code, Codex, Cursor +3 · 692 установки — Скилл задаёт стандарты архитектуры стилей на Less: модульную структуру файлов, шкалы переменных и готовые миксины. - [scroll-animations](https://affpapa.org/nevibecode/skills/scroll-animations.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл для анимаций, привязанных к прокрутке: появления блоков, параллакс, липкие шапки, индикаторы прогресса. - [muapi-ui-design](https://affpapa.org/nevibecode/skills/muapi-ui-design.md) — скилл · SamurAIGPT · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл превращает описание продукта в спецификацию для высокодетальных UI-макетов и вайрфреймов: атомарный дизайн, токены, паттерны раскладки. - [muapi-nano-banana](https://affpapa.org/nevibecode/skills/muapi-nano-banana.md) — скилл · SamurAIGPT · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл переводит запросы к генерации изображений в логические брифы в стиле Gemini 3 и запускает их через сервис muapi.ai. - [blockbench-texturing](https://affpapa.org/nevibecode/skills/blockbench-texturing.md) — скилл · jasonjgardner · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл помогает создавать и раскрашивать текстуры 3D-моделей в Blockbench через MCP-инструменты. - [animated-infographic](https://affpapa.org/nevibecode/skills/animated-infographic.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 1300 установок — Собирает статичную инфографику из иконок, чисел и подписей, а потом раскрывает элементы по очереди. - [ios-glass-ui-designer](https://affpapa.org/nevibecode/skills/ios-glass-ui-designer.md) — скилл · heyman333 · Claude Code, Codex, Cursor +3 · 504 установки — Переделывает интерфейс мобильного приложения под нативный iOS: стеклянные материалы, типографика SF Pro, safe-area. - [ui-design](https://affpapa.org/nevibecode/skills/starchild-ai-agent-ui-design.md) — скилл · Starchild-ai-agent · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл задаёт процесс создания визуальных интерфейсов: от выбора стека до проверки доступности, адаптивности и анимаций. - [react-flow-architecture](https://affpapa.org/nevibecode/skills/react-flow-architecture.md) — скилл · existential-birds · Claude Code, Codex, Cursor +3 · 529 установок — Архитектурные подсказки для интерфейсов на React Flow: выбор состояния, интеграций и масштаба node-based приложений. - [nano-banana-prompts](https://affpapa.org/nevibecode/skills/nano-banana-prompts.md) — скилл · secondsky · Claude Code, Codex, Cursor +3 · 600 установок — Генерирует описательные промпты для нейросети Gemini 2.5 Flash Image. - [responsive-layout-builder](https://affpapa.org/nevibecode/skills/responsive-layout-builder.md) — скилл · OneWave-AI · Claude Code, Codex, Cursor +3 · 354 установки — Скилл задаёт правила и готовые шаблоны для мобильной адаптивной вёрстки на CSS Grid, Flexbox, Tailwind и Container Queries в ассистентах Claude Code, Cursor и Copilot. - [image-prompt](https://affpapa.org/nevibecode/skills/image-prompt.md) — скилл · social-media-skills · Claude Code, Codex, Cursor +3 · 632 установки — Скилл формулирует визуальный бриф для поста, отсекает ненужную ИИ-генерацию, собирает промпт без мусорных токенов и направляет задачу в подходящую нейросеть. - [javascript-animation](https://affpapa.org/nevibecode/skills/javascript-animation.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 532 установки — Скилл собирает короткий анимационный ролик, где каждый кадр нарисован кодом на HTML canvas, и рендерит его в MP4. - [animated-readme-logo](https://affpapa.org/nevibecode/skills/animated-readme-logo.md) — скилл · stark-ai-de · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл собирает, переделывает и проверяет логотипы для README: от SVG-мастера до статичного PNG и анимированного GIF. - [drawio-diagrams](https://affpapa.org/nevibecode/skills/drawio-diagrams.md) — скилл · stark-ai-de · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл создаёт, редактирует и проверяет файлы .drawio прямо в диалоге с агентом. - [frontend-design-ui-ux](https://affpapa.org/nevibecode/skills/frontend-design-ui-ux.md) — скилл · ulpi-io · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл создаёт зафиксированный язык дизайна и UX/UI-спецификацию для фичи или экрана. - [tailwind-responsive-ui](https://affpapa.org/nevibecode/skills/tailwind-responsive-ui.md) — скилл · pproenca · Claude Code, Codex, Cursor +3 · 461 установка — Скилл для Claude и других ИИ-редакторов: помогает переделывать интерфейсы на Tailwind CSS под мобильные и десктопные экраны. - [brand-consistency-checker](https://affpapa.org/nevibecode/skills/brand-consistency-checker.md) — скилл · OneWave-AI · Claude Code, Codex, Cursor +3 · 345 установок — Скилл просматривает документы и слайды на чужие цвета, шрифты и логотипы, сверяет их с гайдлайнами бренда и предлагает правки. - [layer-pixel-art](https://affpapa.org/nevibecode/skills/layer-pixel-art.md) — скилл · layerai · Claude Code, Codex, Cursor +3 · 3400 установок — Скилл для генерации пиксель-арта в Layer: спрайты, тайлы, циклы ходьбы и сборка кадров в спрайт-лист. - [layer-art-direction](https://affpapa.org/nevibecode/skills/layer-art-direction.md) — скилл · layerai · Claude Code, Codex, Cursor +3 · 3400 установок — Помогает зафиксировать арт-дирекшн, цветовую палитру и раскадровку перед массовой генерацией графики. - [soundtrack](https://affpapa.org/nevibecode/skills/soundtrack.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 543 установки — Пишет партитуру к анимации прямо в коде на Web Audio, рендерит её в WAV и проверяет, что монтажные склейки попадают в долю без резкого скачка громкости. - [game-designer](https://affpapa.org/nevibecode/skills/dylantarre-game-designer.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 1000 установок — Скилл для тех, кто делает анимации в играх: разбирает 12 принципов Диснея применительно к отзывчивости управления и ощущению удара. - [mobile-first-design](https://affpapa.org/nevibecode/skills/secondsky-mobile-first-design.md) — скилл · secondsky · Claude Code, Codex, Cursor +3 · 568 установок — Задаёт правила адаптивной вёрстки от экрана 320px к десктопу, требования к тач-зонам от 48x48px и лимиты веса страницы до 500KB. - [quote-cards-and-text-graphics](https://affpapa.org/nevibecode/skills/quote-cards-and-text-graphics.md) — скилл · social-media-skills · Claude Code, Codex, Cursor +3 · 612 установок — Готовит спецификации для карточек с цитатами, отдельными фактами и цифрами под соцсети. - [tailwind-ui-refactor](https://affpapa.org/nevibecode/skills/tailwind-ui-refactor.md) — скилл · pproenca · Claude Code, Codex, Cursor +3 · 458 установок — Скилл для рефакторинга HTML с классами Tailwind: подсказывает, как выстроить иерархию, отступы, типографику и цвет. - [zimage-generation](https://affpapa.org/nevibecode/skills/zimage-generation.md) — скилл · Toolsai · Claude Code, Codex, Cursor +3 · 868 установок — Скилл отправляет текстовое описание в Z-Image через API ModelScope и сохраняет сгенерированное изображение. - [awwwards-landing-page](https://affpapa.org/nevibecode/skills/awwwards-landing-page.md) — скилл · rebyteai-template · Claude Code, Codex, Cursor +3 · 1300 установок — Скилл обучает агента разворачивать шаблон дизайнерского портфолио на Next.js с анимациями. - [efecto-graphic-design](https://affpapa.org/nevibecode/skills/efecto-graphic-design.md) — скилл · pablostanley · Claude Code, Codex, Cursor +3 · 795 установок — Скилл помогает ИИ-ассистенту создавать графику, презентации и макеты через канвас Efecto. - [pinterest-pin-design](https://affpapa.org/nevibecode/skills/pinterest-pin-design.md) — скилл · social-media-skills · Claude Code, Codex, Cursor +3 · 604 установки — Оформляет концепции и брифы для пинов Pinterest формата 2:3, текстовые оверлеи под мобильную ленту и серии свежих вариантов под один URL. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=39 ## Уточнить [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