# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 32 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=32 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [scenario-inspiration](https://affpapa.org/nevibecode/skills/scenario-inspiration.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 429 установок — Скилл для творческих задач без направления: собирает референсы, предлагает концепции на выбор и превращает выбранную в мудборд. - [muse](https://affpapa.org/nevibecode/skills/muse.md) — скилл · simota · Claude Code, Codex, Cursor +3 · 711 установок — Скилл для работы с дизайн-токенами: определяет цвет, отступы, типографику и тени, переводит существующий код на семантические токены. - [swiftui-design-principles](https://affpapa.org/nevibecode/skills/swiftui-design-principles.md) — скилл · arjitj2 · Claude Code, Codex, Cursor +3 · 1300 установок — Скилл задаёт ИИ-агенту правила сетки, типографики и цветов для SwiftUI и WidgetKit, чтобы интерфейс выглядел как нативное приложение, а не как сгенерированная разметка. - [mapbox-cartography](https://affpapa.org/nevibecode/skills/mapbox-cartography.md) — скилл · mapbox · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл с правилами картографии: иерархия слоёв, палитры, типографика и порядок отрисовки для стилей Mapbox. - [openrouter-images](https://affpapa.org/nevibecode/skills/openrouter-images.md) — скилл · OpenRouterTeam · Claude Code, Codex, Cursor +3 · 471 установка — Скилл вызывает Image API OpenRouter: рисует изображение по описанию и меняет готовое по текстовой инструкции. - [kinetic-typography](https://affpapa.org/nevibecode/skills/kinetic-typography.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 2200 установок — Настраивает выразительную анимацию текста, титров и шрифтов в CSS, GSAP, Framer Motion и Remotion. - [shadcn](https://affpapa.org/nevibecode/skills/pedronauck-shadcn.md) — скилл · pedronauck · Claude Code, Codex, Cursor +3 · 369 установок — Задаёт правила сборки интерфейсов на shadcn/ui и Radix UI. - [template-builder-ui](https://affpapa.org/nevibecode/skills/template-builder-ui.md) — скилл · sentdm · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл помогает спроектировать интерфейс конструктора шаблонов под контракт Sent v3, настроить предпросмотр каналов и валидацию перед отправкой на модерацию. - [scenario-text-overlay](https://affpapa.org/nevibecode/skills/scenario-text-overlay.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 397 установок — Рендерит точный текст и плашки в PNG через Mustache-шаблоны для наложения на графику и видео в Scenario. - [motion](https://affpapa.org/nevibecode/skills/motiondivision-motion.md) — скилл · motiondivision · Claude Code, Codex, Cursor +3 · 717 установок — Скилл помогает писать анимации на Motion и CSS, искать примеры и разбирать проблемы с производительностью. - [tailwindcss-mobile-first](https://affpapa.org/nevibecode/skills/tailwindcss-mobile-first.md) — скилл · JosiahSiegel · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл для ИИ-агента, который подсказывает, как верстать адаптивные интерфейсы на Tailwind CSS v4 по принципу mobile-first. - [scenario-gemini-image](https://affpapa.org/nevibecode/skills/scenario-gemini-image.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 392 установки — Управляет генерацией и редактированием картинок через модели Google Gemini на Scenario по протоколу MCP. - [blender-materials](https://affpapa.org/nevibecode/skills/blender-materials.md) — скилл · RobLe3 · Claude Code, Codex, Cursor +3 · 1600 установок — Скилл создаёт и назначает PBR-материалы в Blender через Principled BSDF: металл, стекло, пластик, ткань, кожа. - [minimalist](https://affpapa.org/nevibecode/skills/tasteskill-minimalist.md) — скилл · tasteskill · Claude Code, Codex, Cursor +3 · 319 установок — Скилл для веб-дизайна: сначала генерирует референсные изображения секций, разбирает их и только потом пишет фронтенд. - [redesign](https://affpapa.org/nevibecode/skills/educlopez-redesign.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 469 установок — Обновляет интерфейс сайта или приложения без потери структуры, SEO и конверсионных форм. - [scenario-formats](https://affpapa.org/nevibecode/skills/scenario-formats.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 394 установки — Лестница решений для перевода одного утверждённого мастера в десяток размеров и соотношений сторон через Scenario. - [scenario-video-editing](https://affpapa.org/nevibecode/skills/scenario-video-editing.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 383 установки — Скилл для обработки готовых роликов в Scenario через MCP без повторной генерации. - [ui-web](https://affpapa.org/nevibecode/skills/ui-web.md) — скилл · alinaqi · Claude Code, Codex, Cursor +3 · 393 установки — Скилл со строгими правилами вёрстки: внедряет WCAG 2.1 AA, сетку Tailwind на 8 px, тёмную тему и эффекты глассморфизма. - [wcag-accessibility-audit](https://affpapa.org/nevibecode/skills/wcag-accessibility-audit.md) — скилл · mastepanoski · Claude Code, Codex, Cursor +3 · 1600 установок — Проверяет сайт или веб-приложение по WCAG 2.1 и 2.2, находит барьеры доступности и помогает оценить соответствие уровням A, AA и AAA. - [industrial-brutalist](https://affpapa.org/nevibecode/skills/industrial-brutalist.md) — скилл · tasteskill · Claude Code, Codex, Cursor +3 · 311 установок — Скилл для сайтов в стиле индустриального брутализма и тактических интерфейсов. - [scenario-grok-imagine-image](https://affpapa.org/nevibecode/skills/scenario-grok-imagine-image.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 373 установки — Генерирует и редактирует изображения через модели Grok Imagine на Scenario. - [scenario-ideogram](https://affpapa.org/nevibecode/skills/scenario-ideogram.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 381 установка — Скилл для генерации и правки изображений моделями Ideogram на Scenario через MCP: текст на постерах, прозрачный PNG, замена фона. - [scenario-seedream](https://affpapa.org/nevibecode/skills/scenario-seedream.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 372 установки — Помогает генерировать и редактировать изображения через модели Seedream от ByteDance на платформе Scenario. - [quieter](https://affpapa.org/nevibecode/skills/educlopez-quieter.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 451 установка — Скилл для ИИ-кодинга, который снижает визуальный шум в интерфейсе: меньше движения, проще сетка, спокойнее цвет. - [writing-for-interfaces](https://affpapa.org/nevibecode/skills/writing-for-interfaces.md) — скилл · andrewgleave · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл помогает писать и редактировать текст внутри интерфейсов: системные ошибки, кнопки и подсказки в CLI. - [imagencn](https://affpapa.org/nevibecode/skills/imagencn.md) — скилл · Agents365-ai · Claude Code, Codex, Cursor +3 · 1700 установок — Генерирует изображения через облачные API DashScope, Ark, Hunyuan, а также сервисы OpenAI и FLUX. - [scenario-reve](https://affpapa.org/nevibecode/skills/scenario-reve.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 367 установок — Управляет генерацией и текстовой правкой картинок через модели Reve v2.1 и Reve Remix в Scenario по протоколу MCP. - [scenario-mai-image](https://affpapa.org/nevibecode/skills/scenario-mai-image.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 375 установок — Скилл для работы с моделями Microsoft MAI Image на Scenario через MCP: генерация по тексту и правка изображений по инструкции. - [bolder](https://affpapa.org/nevibecode/skills/educlopez-bolder.md) — скилл · educlopez · Claude Code, Codex, Cursor +3 · 445 установок — Скилл добавляет интерфейсу характер: больше разброса в раскладке, движения и один акцентный приём. - [scenario-luma-video](https://affpapa.org/nevibecode/skills/scenario-luma-video.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 366 установок — Управляет генерацией и обработкой видео через модели Luma Ray на платформе Scenario. - [graphic-content-creation](https://affpapa.org/nevibecode/skills/graphic-content-creation.md) — скилл · vivy-yi · Claude Code, Codex, Cursor +3 · 316 установок — Помогает проектировать карусели и публикации с картинками для Xiaohongshu. - [scenario-orbit-views](https://affpapa.org/nevibecode/skills/scenario-orbit-views.md) — скилл · scenario-labs · Claude Code, Codex, Cursor +3 · 365 установок — Генерирует ракурсы объекта из одной картинки через 3D-меш в Blender и перерисовку в Scenario MCP. - [game-studio](https://affpapa.org/nevibecode/skills/game-studio.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 50 установок — Помогает выбрать стек и спланировать браузерную игру от игрового цикла до тестирования. - [swiftui-animation](https://affpapa.org/nevibecode/skills/jamesrochabrun-swiftui-animation.md) — скилл · jamesrochabrun · Claude Code, Codex, Cursor +3 · 567 установок — Скилл помогает настраивать пружинные анимации SwiftUI и эффекты Metal-шейдеров в приложениях для iOS и macOS. - [mermaid-diagrams](https://affpapa.org/nevibecode/skills/hoodini-mermaid-diagrams.md) — скилл · hoodini · Claude Code, Codex, Cursor +3 · 407 установок — Скилл, который учит агента писать диаграммы на синтаксисе Mermaid: блок-схемы, sequence, классы, ER, Gantt. - [visual](https://affpapa.org/nevibecode/skills/visual.md) — скилл · nick-vels · Claude Code, Codex, Cursor +3 · 537 установок — Скилл подключает модели KIE API через VelsVisual CLI для генерации изображений и видео прямо из диалога с агентом. - [gpt-image-1-5](https://affpapa.org/nevibecode/skills/gpt-image-1-5.md) — скилл · intellectronica · Claude Code, Codex, Cursor +3 · 615 установок — Генерирует и редактирует изображения через модель GPT Image 1.5 от OpenAI. - [presentation-generator](https://affpapa.org/nevibecode/skills/presentation-generator.md) — скилл · glebis · Claude Code, Codex, Cursor +3 · 320 установок — Собирает презентации в стиле необрутализма с фирменными цветами Agency: интерактивный HTML, PNG-слайды и PDF. - [create-component](https://affpapa.org/nevibecode/skills/create-component.md) — скилл · AEM Dev Agent · Claude Code, Codex, Cursor +3 · 1000 установок — Генерирует компоненты AEM с диалогами, HTL, Sling Models и тестами по стандартам Adobe. - [isometric-animation](https://affpapa.org/nevibecode/skills/isometric-animation.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 1400 установок — Скилл для изометрических и 2.5D-анимаций: стопки слоёв, выдавленные блоки, взрывные схемы и лёгкий дрейф камеры. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=33 ## Уточнить [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