# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 37 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=37 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [tailwind](https://affpapa.org/nevibecode/skills/pymodel-tailwind.md) — скилл · PyModel · Claude Code, Codex, Cursor +3 · 512 установок — Скилл с 42 правилами по Tailwind CSS v4: сборка, генерация CSS, размер бандла, темизация. - [level-design](https://affpapa.org/nevibecode/skills/pluginagentmarketplace-level-design.md) — скилл · pluginagentmarketplace · Claude Code, Codex, Cursor +3 · 563 установки — Помогает продумать структуру уровня, темп, сложность и подачу сюжета через окружение. - [blender](https://affpapa.org/nevibecode/skills/monumentalsystems-blender.md) — скилл · MonumentalSystems · Claude Code, Codex, Cursor +3 · 531 установка — Справочник по интерфейсу Blender, горячим клавишам, риггингу и пайплайну экспорта моделей в движки Unity и Unreal. - [repeated-component-alignment](https://affpapa.org/nevibecode/skills/repeated-component-alignment.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 678 установок — Скилл для ИИ-кодинга, который держит карточки, строки списков и плитки в одной сетке, когда тексты разной длины. - [ui-ux-pro-max-skill](https://affpapa.org/nevibecode/skills/ui-ux-pro-max-skill.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл подбирает структуру страницы, визуальный стиль, цвета и шрифты по описанию продукта. - [tab-navigation](https://affpapa.org/nevibecode/skills/tab-navigation.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 674 установки — Скилл для проектирования вкладок: подсказывает, когда они уместны, как устроена полоса вкладок и как ведёт себя клавиатура. - [uml-and-software-architecture-visualization](https://affpapa.org/nevibecode/skills/uml-and-software-architecture-visualization.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 24 установки — Скилл помогает выбрать нотацию и формат для UML-диаграмм, схем архитектуры, процессов и данных. - [social-media-image-sizes](https://affpapa.org/nevibecode/skills/social-media-image-sizes.md) — скилл · Branding5 · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл проверяет размеры картинок под требования 9 соцсетей и обрезает файлы скриптом на Node.js. - [voice-audio-engineer](https://affpapa.org/nevibecode/skills/voice-audio-engineer.md) — скилл · curiositech · Claude Code, Codex, Cursor +3 · 367 установок — Скилл для работы с речью через ElevenLabs: озвучка текста, клонирование голоса, подкасты, транскрипция и голосовые интерфейсы. - [awwwards-ui-skills](https://affpapa.org/nevibecode/skills/awwwards-ui-skills.md) — скилл · design-skills · Claude Code, Codex, Cursor +3 · 560 установок — Скилл задаёт дизайн-систему в стиле Awwwards: строгую сетку 4px, шрифт Inter и светлую палитру с базовым фоном #E4E4E4. - [coordinated-data-views](https://affpapa.org/nevibecode/skills/coordinated-data-views.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 668 установок — Скилл для ИИ-кодинга, который подсказывает, как связать таблицу с картой, диаграммой или графиком и синхронизировать выделение в обе стороны. - [authentic-product-representation](https://affpapa.org/nevibecode/skills/authentic-product-representation.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 662 установки — Заставляет ИИ-агента оформлять лендинги и демо-панели с реальными данными вместо lorem ipsum. - [domain-expert-configuration](https://affpapa.org/nevibecode/skills/domain-expert-configuration.md) — скилл · dembrandt · Claude Code, Codex, Cursor +3 · 660 установок — Направляет ИИ при проектировании панелей настроек, параметров солверов и редакторов ограничений для экспертов без инженерного опыта. - [nielsen-heuristics-audit](https://affpapa.org/nevibecode/skills/nielsen-heuristics-audit.md) — скилл · mastepanoski · Claude Code, Codex, Cursor +3 · 739 установок — Скилл прогоняет интерфейс по 10 эвристикам Якоба Нильсена и выдаёт отчёт с оценкой серьёзности каждой находки. - [ui-audit](https://affpapa.org/nevibecode/skills/ui-audit.md) — скилл · Tommy Geoco · Claude Code, Codex, Cursor +3 · 542 установки — Скилл анализирует интерфейсы по правилам книги Making UX Decisions. - [extract](https://affpapa.org/nevibecode/skills/adobe-extract.md) — скилл · adobe · Claude Code, Codex, Cursor +3 · 496 установок — Обходит страницы рабочего сайта и сохраняет дизайн-систему, типографику, палитру и структуру в каталог stardust/current/. - [responsive-design](https://affpapa.org/nevibecode/skills/mindrally-responsive-design.md) — скилл · Mindrally · Claude Code, Codex, Cursor +3 · 830 установок — Скилл задаёт агенту правила адаптивной вёрстки: mobile-first, гибкие сетки, медиазапросы, адаптивные картинки и типографика. - [orbital-hud-motion](https://affpapa.org/nevibecode/skills/orbital-hud-motion.md) — скилл · RobLe3 · Claude Code, Codex, Cursor +3 · 714 установок — Скилл для ИИ-агента, который строит круговые HUD-эффекты и аура-кольца вокруг объекта в Blender по референсу, а не наугад. - [direct](https://affpapa.org/nevibecode/skills/direct.md) — скилл · adobe · Claude Code, Codex, Cursor +3 · 488 установок — Формирует спецификацию редизайна сайта на основе пожеланий пользователя. - [21st-ui-review](https://affpapa.org/nevibecode/skills/21st-ui-review.md) — скилл · 21st-dev · Claude Code, Codex, Cursor +3 · 1300 установок — Проверяет существующий UI на доступность, адаптивность и расхождения с дизайн-системой проекта. - [21st-ui-explore](https://affpapa.org/nevibecode/skills/21st-ui-explore.md) — скилл · 21st-dev · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл предлагает несколько разных направлений интерфейса, опираясь на дизайн-систему проекта и подборку референсов из 21st. - [prepare-migration](https://affpapa.org/nevibecode/skills/prepare-migration.md) — скилл · adobe · Claude Code, Codex, Cursor +3 · 487 установок — Координирует подготовку сайта к миграции с редизайном: собирает инвентарь страниц, проверяет типы модулей и формирует дизайн-канон перед переносом. - [motion](https://affpapa.org/nevibecode/skills/mindrally-motion.md) — скилл · Mindrally · Claude Code, Codex, Cursor +3 · 812 установок — Задаёт агенту правила работы с библиотекой Motion в чистом JavaScript и TypeScript. - [sound-engineer](https://affpapa.org/nevibecode/skills/sound-engineer.md) — скилл · curiositech · Claude Code, Codex, Cursor +3 · 348 установок — Помогает агенту проектировать пространственный звук, процедурные эффекты и звук интерфейса в играх и приложениях. - [Web Design Builder](https://affpapa.org/nevibecode/skills/web-design-builder.md) — скилл · rknall · Claude Code, Codex, Cursor +3 · 416 установок — Собирает HTML5-макеты и лендинги по описанию, а потом сам проверяет доступность и работу интерфейса через Playwright MCP. - [web-motion-design](https://affpapa.org/nevibecode/skills/web-motion-design.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 1300 установок — Скилл, который подсказывает агенту, как делать CSS-анимации, JS-переходы и движение в React и Vue по 12 принципам анимации. - [character-design](https://affpapa.org/nevibecode/skills/omer-metin-character-design.md) — скилл · omer-metin · Claude Code, Codex, Cursor +3 · 400 установок — Скилл для ИИ-кодинга, который помогает проектировать игровых персонажей: силуэт, форму, цвет и пропорции. - [design-system-creation](https://affpapa.org/nevibecode/skills/design-system-creation.md) — скилл · aj-geddes · Claude Code, Codex, Cursor +3 · 537 установок — Скилл помогает собрать дизайн-систему: компоненты, токены, правила и документацию. - [distinctive-frontend](https://affpapa.org/nevibecode/skills/distinctive-frontend.md) — скилл · podo · Claude Code, Codex, Cursor +3 · 588 установок — Генерирует интерфейсы без дефолтной «нейросетевой» эстетики: предлагает готовую типографику, анимации появления и стили Cyberpunk, Brutalist, Vaporwave или Nordic Minimalism. - [graphic-design](https://affpapa.org/nevibecode/skills/graphic-design.md) — скилл · travisjneuman · Claude Code, Codex, Cursor +3 · 492 установки — Скилл с принципами графического дизайна для цифровых и печатных макетов: цвет, типографика, сетки, форматы файлов. - [visualization-strategy-and-critique](https://affpapa.org/nevibecode/skills/visualization-strategy-and-critique.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 22 установки — Выбирает форматы диаграмм, компонует дашборды и критикует визуализацию данных. - [map-animation](https://affpapa.org/nevibecode/skills/map-animation.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 763 установки — Скилл для анимированных карт в стиле Vox: камера летит над картой, падают пины, рисуются маршруты. - [apple-ui-skills](https://affpapa.org/nevibecode/skills/apple-ui-skills.md) — скилл · design-skills · Claude Code, Codex, Cursor +3 · 509 установок — Задаёт агенту жёсткие правила вёрстки в стиле Apple: светлый фон, шрифт Inter, сетка 4px. - [frontend-tailwind-best-practices](https://affpapa.org/nevibecode/skills/frontend-tailwind-best-practices.md) — скилл · sergiodxa · Claude Code, Codex, Cursor +3 · 464 установки — Набор правил Tailwind CSS для фронтенда: стеки, отступы через gap, тёмная тема и слияние классов. - [gsap](https://affpapa.org/nevibecode/skills/mindrally-gsap.md) — скилл · Mindrally · Claude Code, Codex, Cursor +3 · 769 установок — Задаёт агенту правила анимаций на GSAP: трансформы вместо left/top, stagger, таймлайны, ScrollTrigger. - [figma-designer](https://affpapa.org/nevibecode/skills/figma-designer.md) — скилл · zhaono1 · Claude Code, Codex, Cursor +3 · 807 установок — Разбирает макет Figma на токены, спецификации компонентов и состояния взаимодействия, чтобы передать их в планирование или разработку. - [google-slides](https://affpapa.org/nevibecode/skills/google-slides.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 21 установка — Разбирает дизайн-систему существующих презентаций Google Slides и собирает новые слайды строго по шаблону. - [figma-use-slides](https://affpapa.org/nevibecode/skills/figma-use-slides.md) — скилл (официальный OpenAI) · Figma · Codex, ChatGPT · 21 установка — Скилл учит ИИ-агента работать с презентациями Figma Slides через MCP-инструмент use_figma. - [msw-ui-kit](https://affpapa.org/nevibecode/skills/msw-ui-kit.md) — скилл · MSW-Git · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл подбирает готовые RUID-палитры и виджеты из официальных MSWPackages, чтобы интерфейс игры выглядел цельно. - [search](https://affpapa.org/nevibecode/skills/mobbin-search.md) — скилл · mobbin · Claude Code, Codex, Cursor +3 · 342 установки — Настраивает поисковые запросы к базе интерфейсов Mobbin. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=38 ## Уточнить [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