# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 8 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=8 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [ip-as-logo](https://affpapa.org/nevibecode/skills/ip-as-logo.md) — скилл · s1dashu · Claude Code, Codex, Cursor +3 · 3400 установок — Скилл создаёт простых квадратных персонажей для логотипов и других изображений. - [diagram-generator](https://affpapa.org/nevibecode/skills/diagram-generator.md) — скилл · zhaoxuya520 · Claude Code, Codex, Cursor +3 · 1300 установок — Генерирует, проверяет и рендерит диаграммы из текста, кода, схем и таблиц. - [antislop-ui](https://affpapa.org/nevibecode/skills/antislop-ui.md) — скилл · miqdadbadjuber · Claude Code, Codex, Cursor +3 · 6400 установок — Скилл задаёт правила для цвета, компоновки, компонентов и анимации интерфейсов. - [weread-year-in-review-video-template](https://affpapa.org/nevibecode/skills/weread-year-in-review-video-template.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2400 установок — Создаёт вертикальное HTML-видео 9:16 для годового отчёта о чтении в стиле WeRead: статистика, заметки, ключевые слова и карточка читательского типа. - [pexo-agent](https://affpapa.org/nevibecode/skills/pexo-agent.md) — скилл · pexoai · Claude Code, Codex, Cursor +3 · 40400 установок — Скилл создаёт готовые многосценовые видео из текста, изображений, URL, сценариев или аудио. - [emilkowalski-motion](https://affpapa.org/nevibecode/skills/emilkowalski-motion.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2300 установок — Добавляет микровзаимодействия, переходы состояний и анимацию к готовому интерфейсу. - [canva-creator](https://affpapa.org/nevibecode/skills/canva-creator.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 1900 установок — Берёт готовый бриф контента и пошагово разворачивает кампанию: строит календарь публикаций, создаёт макеты в Canva для соцсетей, пишет тексты и отправляет посты в HubSpot. - [diagram-maker](https://affpapa.org/nevibecode/skills/diagram-maker.md) — скилл · openclaw · Claude Code, Codex, Cursor +3 · 503 установки — Скилл создаёт схемы в SVG/HTML или Excalidraw по описанию концепции, архитектуры и процессов. - [antislop-human](https://affpapa.org/nevibecode/skills/antislop-human.md) — скилл · miqdadbadjuber · Claude Code, Codex, Cursor +3 · 5900 установок — Скилл для ИИ-агентов, который проверяет UI на доступность: контраст текста, фокус клавиатуры, состояния элементов. - [antislop-layoutmobile](https://affpapa.org/nevibecode/skills/antislop-layoutmobile.md) — скилл · miqdadbadjuber · Claude Code, Codex, Cursor +3 · 5700 установок — Скилл проверяет мобильную и адаптивную вёрстку: перенос колонок, брейкпоинты, размеры и переполнение. - [research-decision-room](https://affpapa.org/nevibecode/skills/research-decision-room.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл собирает разрозненные заметки интервью, тикеты поддержки и опросы в единый интерактивный HTML-отчёт для обоснования продуктовых решений без выдуманной уверенности. - [mobile-design](https://affpapa.org/nevibecode/skills/mobile-design.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 3700 установок — Скилл проверяет интерфейсы iOS, Android, React Native и Flutter на удобство тачей, контраст, производительность списков и поведение без сети. - [claude-design](https://affpapa.org/nevibecode/skills/badtechbandit-claude-design.md) — скилл · BadTechBandit · Claude Code, Codex, Cursor +3 · 645 установок — Скилл для сборки HTML-артефактов — лендингов, прототипов, деков — в Claude Code, Codex и Cursor. - [ecommerce-image-workflow](https://affpapa.org/nevibecode/skills/ecommerce-image-workflow.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 2000 установок — Собирает комплект товарных снимков из фотографии продукта: главное изображение на белом фоне, крупный план детали и сцену применения с точным сохранением цвета, формы и логотипа. - [uncodixfy](https://affpapa.org/nevibecode/skills/uncodixfy.md) — скилл · cyxzdev · Claude Code, Codex, Cursor +3 · 5600 установок — Учит агента не генерировать типичный «кодексовый» интерфейс: без градиентов, плавающих панелей и декоративных заголовков. - [ui-ux-pro-max](https://affpapa.org/nevibecode/skills/athevon-ui-ux-pro-max.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 948 установок — Подбирает дизайн-системы, палитры и шрифтовые пары под стек и тип продукта через локальную базу правил. - [building-components](https://affpapa.org/nevibecode/skills/building-components.md) — скилл · vercel · Claude Code, Codex, Cursor +3 · 14700 установок — Помогает проектировать доступные UI-компоненты, их API, темы и документацию. - [draw-io-diagram-generator](https://affpapa.org/nevibecode/skills/draw-io-diagram-generator.md) — скилл (официальный GitHub) · github · GitHub Copilot · 2800 установок — Создаёт и правит диаграммы draw.io в файлах .drawio, .drawio.svg и .drawio.png. - [create-design-md](https://affpapa.org/nevibecode/skills/create-design-md.md) — скилл · ibelick · Claude Code, Codex, Cursor +3 · 4400 установок — Генерирует и обновляет файл DESIGN.md на основе репозитория или открытого сайта. - [high-end-visual-design](https://affpapa.org/nevibecode/skills/high-end-visual-design.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 1900 установок — Скилл задаёт правила для визуального дизайна сайтов: от типографики и компоновки до карточек и анимации. - [brandkit](https://affpapa.org/nevibecode/skills/brandkit.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 1900 установок — Генерирует презентационные доски с логотипом, палитрой, типографикой и мокапами — как из студии айдентики. - [design-dna](https://affpapa.org/nevibecode/skills/design-dna.md) — скилл · zanwei · Claude Code, Codex, Cursor +3 · 6500 установок — Разбирает референсы на токены, стиль и визуальные эффекты, затем применяет профиль к макету. - [image-to-code](https://affpapa.org/nevibecode/skills/nexu-io-image-to-code.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл для задач, где важна картинка: сначала сам генерирует дизайн-макеты, разбирает их, потом пишет фронтенд по этим референсам. - [gpt-taste](https://affpapa.org/nevibecode/skills/gpt-taste.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 1800 установок — Задаёт правила вёрстки лендингов: убирает шаблонные сетки, ограничивает длину H1 двумя строками и добавляет анимации на GSAP. - [redesign-existing-projects](https://affpapa.org/nevibecode/skills/redesign-existing-projects.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 1900 установок — Аудитирует существующий интерфейс и точечно перерабатывает сайт или приложение, сохраняя рабочую логику. - [od-contribute](https://affpapa.org/nevibecode/skills/od-contribute.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл помогает отправить вклад в OpenDesign: оформить скилл или дизайн-систему, перевести документацию, исправить текст либо сообщить об ошибке. - [architecture-diagram](https://affpapa.org/nevibecode/skills/architecture-diagram.md) — скилл · Cocoon-AI · Claude Code, Codex, Cursor +3 · 2100 установок — Генерирует диаграммы архитектуры систем, облачной инфраструктуры, микросервисов и сетевой топологии в виде самодостаточных HTML-файлов с тёмной темой. - [ui-ux-designer](https://affpapa.org/nevibecode/skills/ui-ux-designer.md) — скилл · sickn33 · Claude Code, Codex, Cursor +3 · 3100 установок — Скилл помогает проектировать интерфейсы, пользовательские потоки и дизайн-системы с учётом исследований и доступности. - [expo-design-system](https://affpapa.org/nevibecode/skills/expo-design-system.md) — скилл · expo · Claude Code, Codex, Cursor +3 · 16700 установок — Помогает выстроить дизайн-систему в приложении на Expo: организовать токены, вынести общие компоненты и убрать расхождения в стилях. - [video-edit](https://affpapa.org/nevibecode/skills/video-edit.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 439800 установок — Скилл выбирает модель RunComfy для рестайлинга видео, замены фона, упаковки или переноса движения. - [image-to-video](https://affpapa.org/nevibecode/skills/image-to-video.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 438000 установок — Маршрутизирует запросы на анимацию картинок в подходящую нейросеть каталога RunComfy. - [nano-banana-2](https://affpapa.org/nevibecode/skills/nano-banana-2.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 437700 установок — Скилл для быстрой генерации изображений через Google Nano Banana 2 на RunComfy. - [image-edit](https://affpapa.org/nevibecode/skills/image-edit.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 437300 установок — Скилл выбирает модель RunComfy под задачу редактирования изображения. - [nano-banana-edit](https://affpapa.org/nevibecode/skills/nano-banana-edit.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 437100 установок — Редактирует изображения через Google Nano Banana 2 на RunComfy с сохранением объекта, заменой фона и пакетом до 20 картинок. - [flux-kontext](https://affpapa.org/nevibecode/skills/flux-kontext.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 436900 установок — Скилл редактирует одно изображение по текстовой инструкции через Flux 1 Kontext Pro на RunComfy — пригодится, когда нужно точечно изменить деталь, сохранив лицо, позу или бренд-элементы. - [flux-2-klein](https://affpapa.org/nevibecode/skills/flux-2-klein.md) — скилл · prime-skills · Claude Code, Codex, Cursor +3 · 436000 установок — Генерация картинок через Flux 2 Klein на RunComfy с готовыми паттернами промптов для быстрых итераций и финального рендера. - [p5js](https://affpapa.org/nevibecode/skills/p5js.md) — скилл · SHL0MS, Hermes Agent · Claude Code, Codex, Cursor +3 · 535 установок — Создаёт браузерные скетчи на p5.js: генеративное искусство, интерактивные визуализации, 3D-сцены с WebGL, audio-reactive графика. - [minimalist-ui](https://affpapa.org/nevibecode/skills/leonxlnx-minimalist-ui.md) — скилл · Leonxlnx · Claude Code, Codex, Cursor +3 · 395 установок — Задаёт правила минималистичного редакционного интерфейса с палитрой тёплого монохрома и сетками бенто. - [industrial-brutalist-ui](https://affpapa.org/nevibecode/skills/industrial-brutalist-ui.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 1700 установок — Скилл задаёт жёсткие правила визуального стиля для дашбордов, портфолио и редакционных сайтов. - [design-taste-frontend-v1](https://affpapa.org/nevibecode/skills/design-taste-frontend-v1.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 1700 установок — Оригинальная первая версия скилла с жёсткими правилами вёрстки для React и Next.js. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=9 ## Уточнить [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