# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 21 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=21 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [design-system-adoption](https://affpapa.org/nevibecode/skills/design-system-adoption.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Создаёт стратегию внедрения дизайн-системы и материалы для команд, которые ею не пользуются. - [summarize-interview](https://affpapa.org/nevibecode/skills/owl-listener-summarize-interview.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Разбирает транскрипт одного интервью на темы, цитаты и action items — в виде, который можно сразу отдать команде. - [team-workflow](https://affpapa.org/nevibecode/skills/team-workflow.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл помогает выстроить операционные процессы дизайн-команды: управление задачами, ритуалы синхронизации и передачу макетов в разработку. - [opportunity-framework](https://affpapa.org/nevibecode/skills/opportunity-framework.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Помогает разложить идеи по матрице impact-effort и RICE, когда задач больше, чем рук. - [design-review-process](https://affpapa.org/nevibecode/skills/design-review-process.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл задаёт четыре контрольные точки ревью дизайна: от концепта до приёмки реализации. - [north-star-vision](https://affpapa.org/nevibecode/skills/north-star-vision.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл помогает сформулировать долгосрочное видение продукта на 1, 2–3 и 5+ лет. - [test-scenario](https://affpapa.org/nevibecode/skills/test-scenario.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Пишет задачи для юзабилити-теста: реалистичный контекст, критерии успеха и заметки для ведущего. - [stakeholder-alignment](https://affpapa.org/nevibecode/skills/owl-listener-stakeholder-alignment.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Собирает артефакты согласования: карту стейкхолдеров, матрицу RACI, права решений и план коммуникации. - [metrics-definition](https://affpapa.org/nevibecode/skills/metrics-definition.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Помогает сформулировать продуктовые метрики и UX-KPI для оценки дизайн-решений. - [diary-study-plan](https://affpapa.org/nevibecode/skills/diary-study-plan.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Помогает спланировать дневниковое исследование: промпты, частоту, длительность, критерии отбора участников и рамку анализа. - [a-b-test-design](https://affpapa.org/nevibecode/skills/a-b-test-design.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Помогает спланировать A/B-тест: гипотеза, варианты, основная метрика и размер выборки. - [brand-guidelines](https://affpapa.org/nevibecode/skills/getsentry-brand-guidelines.md) — скилл · getsentry · Claude Code, Codex, Cursor +3 · 2500 установок — Задаёт правила редактуры интерфейса и текстов в стиле Sentry: от лаконичных кнопок до ироничных пустых экранов. - [barba-js](https://affpapa.org/nevibecode/skills/barba-js.md) — скилл · freshtechbro · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл по Barba.js: помогает настроить плавные переходы между страницами без полной перезагрузки и связать их с GSAP. - [design-systems-slds2-migrate](https://affpapa.org/nevibecode/skills/design-systems-slds2-migrate.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 5600 установок — Прогоняет линтер SLDS по компонентам и помогает починить нарушения при переезде Lightning Web Components с SLDS 1 на SLDS 2. - [shadcn-ui](https://affpapa.org/nevibecode/skills/jezweb-shadcn-ui.md) — скилл · jezweb · Claude Code, Codex, Cursor +3 · 3600 установок — Ставит и настраивает компоненты shadcn/ui в React-проекте: подбирает их по задаче, следит за порядком установки и зависимостями. - [build-interactive-particle-trail](https://affpapa.org/nevibecode/skills/build-interactive-particle-trail.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл для интерактивных частиц: курсор или палец оставляет след из точек, которые летят по своей траектории. - [web-technique-to-skill](https://affpapa.org/nevibecode/skills/web-technique-to-skill.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1100 установок — Помогает превратить готовый визуальный или интерактивный приём в переиспользуемый скилл для веб-дизайна — с демо, которое доказывает и механику, и точность. - [add-mouse-driven-orbit](https://affpapa.org/nevibecode/skills/add-mouse-driven-orbit.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1200 установок — Добавляет плавный параллакс и кинематографичное вращение сцены Three.js вслед за курсором мыши без OrbitControls. - [design-audit](https://affpapa.org/nevibecode/skills/bencium-design-audit.md) — скилл · bencium · Claude Code, Codex, Cursor +3 · 4100 установок — Проверяет визуальный дизайн приложения и готовит поэтапный план правок. - [good-css](https://affpapa.org/nevibecode/skills/good-css.md) — скилл · vojtaholik · Claude Code, Codex, Cursor +3 · 1500 установок — Заменяет каскады брейкпоинтов и вспомогательные скрипты современными возможностями CSS. - [form-design](https://affpapa.org/nevibecode/skills/form-design.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1900 установок — Проектирует веб-формы от порядка полей и группировки до валидации и доступности. - [aesthetic-usability](https://affpapa.org/nevibecode/skills/aesthetic-usability.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1900 установок — Помогает оценить, как визуальная цельность интерфейса влияет на ощущение удобства и доверия. - [information-architecture](https://affpapa.org/nevibecode/skills/owl-listener-information-architecture.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1900 установок — Скилл проектирует структуру контента: карту разделов, навигационную модель, таксономию и модель типов. - [critique-composition](https://affpapa.org/nevibecode/skills/critique-composition.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1900 установок — Оценивает баланс, пустое пространство, ритм и гештальт-группировку на готовом экране. - [ui-animation](https://affpapa.org/nevibecode/skills/ui-animation.md) — скилл · mblode · Claude Code, Codex, Cursor +3 · 10400 установок — Скилл проектирует, проверяет и разбирает анимацию интерфейсов: пружины, жесты, прокрутку и переходы. - [animate](https://affpapa.org/nevibecode/skills/delphi-ai-animate.md) — скилл · delphi-ai · Claude Code, Codex, Cursor +3 · 3600 установок — Справочник правил и готовых сниппетов для создания анимаций в React и Next.js. - [premiere-pro-mcp](https://affpapa.org/nevibecode/skills/premiere-pro-mcp.md) — скилл · hetpatel-11 · Claude Code, Codex, Cursor +3 · 844 установки — Настраивает и проверяет MCP-сервер для Adobe Premiere Pro, а затем помогает агенту импортировать медиа и менять таймлайн. - [motion-broll](https://affpapa.org/nevibecode/skills/motion-broll.md) — скилл · Barty-Bart · Claude Code, Codex, Cursor +3 · 1700 установок — Создаёт моушн-графику и перебивки для разговорных видео по таймкодам субтитров. - [ui-typography](https://affpapa.org/nevibecode/skills/ui-typography.md) — скилл · bencium · Claude Code, Codex, Cursor +3 · 3900 установок — Скилл задаёт правила типографики для интерфейсов и заставляет агента молча применять их при генерации HTML, CSS и React. - [magicpath](https://affpapa.org/nevibecode/skills/magicpathai-magicpath.md) — скилл · MagicPathAI · Claude Code, Codex, Cursor +3 · 6300 установок — Переносит компоненты и дизайн-системы из MagicPath в локальный проект через консольную утилиту. - [image-annotations](https://affpapa.org/nevibecode/skills/image-annotations.md) — скилл (официальный GitHub) · github · GitHub Copilot · 149 установок — Рисует рамки, стрелки и подписи на скриншотах и диаграммах через PIL. - [service-blueprint](https://affpapa.org/nevibecode/skills/service-blueprint.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1800 установок — Помогает описать, как услуга работает для пользователя и внутри команды. - [critique-brand-consistency](https://affpapa.org/nevibecode/skills/critique-brand-consistency.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1800 установок — Сверяет отрендеренный экран с тремя файлами проекта — mood.md, voice.md и tokens.md — и указывает, где стили и тексты разошлись с брендом. - [navigation-patterns](https://affpapa.org/nevibecode/skills/navigation-patterns.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1800 установок — Помогает подобрать схемы переходов между разделами интерфейса: от таббаров до боковых панелей. - [motion-system](https://affpapa.org/nevibecode/skills/motion-system.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1800 установок — Задаёт единый набор длительностей, кривых и правил для анимаций в продукте. - [fluid-functionalism](https://affpapa.org/nevibecode/skills/fluid-functionalism.md) — скилл · mickadesign · Claude Code, Codex, Cursor +3 · 603 установки — Скилл для сборки React-интерфейсов на реестре shadcn/ui @fluid: пружины вместо длительностей, подсветка под курсором, смена веса шрифта без сдвига вёрстки. - [tailwind-theme-builder](https://affpapa.org/nevibecode/skills/tailwind-theme-builder.md) — скилл · jezweb · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл настраивает тему Tailwind v4 с shadcn/ui и тёмным режимом: ставит зависимости, связывает CSS-переменные через @theme inline, подключает переключатель темы. - [color-palette](https://affpapa.org/nevibecode/skills/color-palette.md) — скилл · jezweb · Claude Code, Codex, Cursor +3 · 3200 установок — Скилл строит полную цветовую систему из одного брендового hex: 11 оттенков, семантические токены, тёмная тема и проверка контраста по WCAG. - [design-negotiation](https://affpapa.org/nevibecode/skills/design-negotiation.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Помогает дизайнерам защищать качество интерфейса, сроки и состав задач в спорах с менеджерами и разработчиками через факты и поиск компромиссов. - [design-impact-reporting](https://affpapa.org/nevibecode/skills/design-impact-reporting.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 1700 установок — Помогает связать работу дизайна с метриками продукта и бизнеса и рассказать об этом языком стейкхолдеров. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=22 ## Уточнить [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