# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 47 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=47 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [figma-swiftui](https://affpapa.org/nevibecode/skills/figma-swiftui.md) — скилл (официальный OpenAI) · Figma · Codex, ChatGPT · 6 установок — Переводит дизайн Figma в SwiftUI и отправляет SwiftUI обратно в Figma. - [figma-implement-motion](https://affpapa.org/nevibecode/skills/figma-implement-motion.md) — скилл (официальный OpenAI) · Figma · Codex, ChatGPT · 6 установок — Переносит анимации и переходы из Figma в код на motion.dev или чистом CSS. - [brochure-design-generation](https://affpapa.org/nevibecode/skills/brochure-design-generation.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 538 установок — Скилл создаёт макеты буклетов через each::sense AI: от tri-fold и bi-fold до каталогов и программ мероприятий. - [muapi-photo-pack-generator](https://affpapa.org/nevibecode/skills/muapi-photo-pack-generator.md) — скилл · SamurAIGPT · Claude Code, Codex, Cursor +3 · 966 установок — Превращает одну референсную фотографию в набор тематических портретов, сохраняя лицо человека. - [tailwind-css](https://affpapa.org/nevibecode/skills/manutej-tailwind-css.md) — скилл · manutej · Claude Code, Codex, Cursor +3 · 461 установка — Скилл по Tailwind CSS: утилитарные классы, адаптивность, тёмная тема и оптимизация сборки. - [ux-research-discovery-testing](https://affpapa.org/nevibecode/skills/ux-research-discovery-testing.md) — скилл · hueyexe · Claude Code, Codex, Cursor +3 · 468 установок — Помогает агенту планировать интервью, юзабилити-тесты и синтез находок, чтобы решения по продукту опирались на поведение пользователей, а не на догадки. - [image-to-video](https://affpapa.org/nevibecode/skills/eachlabs-image-to-video.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 521 установка — Скилл оживляет статичные фото через each::sense: движение, синемаграфы, наезд камеры. - [mold](https://affpapa.org/nevibecode/skills/mold.md) — скилл · paulnsorensen · Claude Code, Codex, Cursor +3 · 643 установки — mold превращает сложное проектное решение в проверенную спецификацию через диалог. - [frontend-crafting](https://affpapa.org/nevibecode/skills/frontend-crafting.md) — скилл · sentimony · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл задаёт правила вёрстки и дизайна интерфейсов на HTML, CSS, React или Vue. - [tailwind-patterns](https://affpapa.org/nevibecode/skills/tailwind-patterns.md) — скилл · davila7 · Claude Code · 2720 установок — Скилл для Claude, который задаёт агенту правила Tailwind CSS v4: конфигурация в CSS, контейнерные запросы, архитектура токенов. - [dark-mode-implementer](https://affpapa.org/nevibecode/skills/dark-mode-implementer.md) — скилл · patricio0312rev · Claude Code, Codex, Cursor +3 · 373 установки — Настраивает тёмную и светлую тему интерфейса через CSS-переменные, классы Tailwind или React-контекст. - [designing-user-experience](https://affpapa.org/nevibecode/skills/designing-user-experience.md) — скилл · osmontero · Claude Code, Codex, Cursor +3 · 458 установок — Скилл для проектирования поведения интерфейса: потоки, формы, пустые, загрузочные и ошибочные состояния. - [glassmorphism](https://affpapa.org/nevibecode/skills/ainergiz-glassmorphism.md) — скилл · ainergiz · Claude Code, Codex, Cursor +3 · 526 установок — Скилл учит ассистента создавать интерфейсы с эффектом матового стекла: полупрозрачный фон, размытие и аккуратные рамки. - [flyer-design-generation](https://affpapa.org/nevibecode/skills/flyer-design-generation.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 490 установок — Создаёт макеты листовок и флаеров через API each::sense. - [progressive-blur-header-swiftui](https://affpapa.org/nevibecode/skills/progressive-blur-header-swiftui.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 493 установки — Скилл добавляет в SwiftUI липкий заголовок с постепенным размытием. - [pinterest-search](https://affpapa.org/nevibecode/skills/pinterest-search.md) — скилл · PostPlusAI · Claude Code, Codex, Cursor +3 · 524 установки — Ищет общедоступные изображения в Pinterest по ключевому слову для мудбордов и визуальных референсов. - [design-system](https://affpapa.org/nevibecode/skills/akillness-design-system.md) — скилл · akillness · Claude Code, Codex, Cursor +3 · 488 установок — Задаёт общие правила интерфейса, дизайн-токены и архитектуру компонентов до вёрстки отдельных экранов. - [responsive-design](https://affpapa.org/nevibecode/skills/akillness-responsive-design.md) — скилл · akillness · Claude Code, Codex, Cursor +3 · 478 установок — Скилл разбирает жалобу «на мобильном всё ломается» на конкретную причину и выдаёт один план правок с проверкой. - [portrait-enhancement](https://affpapa.org/nevibecode/skills/portrait-enhancement.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 466 установок — Ретуширует портреты через нейросеть each::sense. - [responsive-design-system](https://affpapa.org/nevibecode/skills/responsive-design-system.md) — скилл · patricio0312rev · Claude Code, Codex, Cursor +3 · 343 установки — Скилл для ИИ-агента, который помогает строить мобильную вёрстку: брейкпоинты, container queries, текучая типографика и адаптивные сетки на Tailwind CSS. - [background-removal](https://affpapa.org/nevibecode/skills/background-removal.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 465 установок — Скилл удаляет фон с фотографий через ИИ-сервис each::sense. - [html-ppt-skill](https://affpapa.org/nevibecode/skills/html-ppt-skill.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 476 установок — Генерирует статические HTML-презентации без сборщиков и фреймворков. - [index](https://affpapa.org/nevibecode/skills/openai-index.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 5 установок — Скилл направляет запросы по продуктовому дизайну к подходящему рабочему процессу. - [ideate](https://affpapa.org/nevibecode/skills/ideate.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 5 установок — Скилл помогает создавать три самостоятельных визуальных направления по брифу Product Design. - [figma-use-motion](https://affpapa.org/nevibecode/skills/figma-use-motion.md) — скилл (официальный OpenAI) · Figma · Codex, ChatGPT · 5 установок — Скилл добавляет use_figma контекст для анимации узлов Figma: ключевых кадров, easing, animation styles и длительности таймлайна. - [figma-use-figjam](https://affpapa.org/nevibecode/skills/figma-use-figjam.md) — скилл (официальный OpenAI) · Figma · Codex, ChatGPT · 5 установок — Скилл добавляет Codex контекст для работы с FigJam через MCP-инструмент Figma. - [figma-generate-diagram](https://affpapa.org/nevibecode/skills/figma-generate-diagram.md) — скилл (официальный OpenAI) · Figma · Codex, ChatGPT · 5 установок — Готовит синтаксис Mermaid для инструмента generate_diagram и выгружает схемы в FigJam. - [youtube-intro-outro](https://affpapa.org/nevibecode/skills/youtube-intro-outro.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 686 установок — Собирает 3–5-секундное интро с логотипом и аутро с зонами под кнопки YouTube. - [frontend-design](https://affpapa.org/nevibecode/skills/customware-ai-frontend-design.md) — скилл · customware-ai · Claude Code, Codex, Cursor +3 · 1600 установок — Набор жёстких правил для ИИ-агентов, запрещающий шаблонные серые интерфейсы, сетки карточек и сайдбары при вёрстке на Tailwind и shadcn/ui. - [wordpress-theme-to-emdash](https://affpapa.org/nevibecode/skills/wordpress-theme-to-emdash.md) — скилл · emdash-cms · Claude Code, Codex, Cursor +3 · 691 установка — Переносит дизайн и поведение шаблонов темы WordPress на сайт Astro с бэкендом EmDash. - [packaging-design-generation](https://affpapa.org/nevibecode/skills/packaging-design-generation.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 444 установки — Скилл генерирует макеты упаковки через each::sense AI: коробки, этикетки, банки, кофейные пакеты. - [ugc-ad](https://affpapa.org/nevibecode/skills/ugc-ad.md) — скилл · PostPlusAI · Claude Code, Codex, Cursor +3 · 475 установок — Проектирует сценарии пользовательской рекламы, раскадровки и распаковки, а также оценивает готовые креативы. - [milvus-meme-sticker](https://affpapa.org/nevibecode/skills/milvus-meme-sticker.md) — скилл · zc277584121 · Claude Code, Codex, Cursor +3 · 2300 установок — Создаёт описания и графику для мемных стикеров с маскотом-птицей Milvus без текста. - [designing-email-templates](https://affpapa.org/nevibecode/skills/designing-email-templates.md) — скилл · PostHog · Claude Code, Codex, Cursor +3 · 301 установка — Скилл создаёт и редактирует шаблоны писем для кампаний и рабочих процессов PostHog через MCP. - [anime-avatar-generation](https://affpapa.org/nevibecode/skills/anime-avatar-generation.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 427 установок — Генерирует аниме-аватары и персонажей через each::sense AI. - [eachlabs-fashion-ai](https://affpapa.org/nevibecode/skills/eachlabs-fashion-ai.md) — скилл · eachlabs · Claude Code, Codex, Cursor +3 · 426 установок — Скилл помогает создавать фото моделей, виртуальные примерки одежды, видео с подиума и обучать стили через EachLabs API. - [educational-ad](https://affpapa.org/nevibecode/skills/educational-ad.md) — скилл · PostPlusAI · Claude Code, Codex, Cursor +3 · 464 установки — Помогает разрабатывать и проверять сценарии обучающих рекламных роликов с визуальными доказательствами и обоснованным показом продукта. - [cartoon-ad](https://affpapa.org/nevibecode/skills/cartoon-ad.md) — скилл · PostPlusAI · Claude Code, Codex, Cursor +3 · 462 установки — Скилл проектирует и проверяет анимированную рекламу через визуальные аргументы, метафоры и подтверждённые факты. - [diagram-design-editorial](https://affpapa.org/nevibecode/skills/diagram-design-editorial.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 433 установки — Скилл собирает диаграммы в HTML и SVG для статей и документации: 13 типов, без Mermaid и сборки, стиль подгоняется под ваш сайт. - [tailwind-gradient-builder](https://affpapa.org/nevibecode/skills/tailwind-gradient-builder.md) — скилл · patricio0312rev · Claude Code, Codex, Cursor +3 · 307 установок — Помогает генерировать линейные, радиальные, конические и mesh-градиенты на Tailwind CSS. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=48 ## Уточнить [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