# Плагины по теме «Дизайн» Плагины по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 19 карточек - HTML: https://affpapa.org/nevibecode/plugins/topic/design - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [example-skills](https://affpapa.org/nevibecode/plugins/example-skills.md) — плагин (официальный Anthropic) · anthropics · Claude Code, Claude.ai · ★ 183839 — Набор примеров скиллов для Claude: от веб-тестов и MCP до дизайна и документов. - [impeccable](https://affpapa.org/nevibecode/plugins/impeccable.md) — плагин · pbakaus · Claude Code · ★ 88212 — Даёт агенту словарь дизайнера: 24 команды вроде polish, audit и bolder, чтобы правки интерфейса не сводились к «сделай красиво». - [hyperframes](https://affpapa.org/nevibecode/plugins/hyperframes.md) — плагин · HeyGen · Claude Code · ★ 72481 — Собирает MP4-видео из вёрстки на HTML и CSS прямо через диалог с агентом. - [playground](https://affpapa.org/nevibecode/plugins/playground.md) — плагин (официальный Anthropic) · Anthropic · Claude Code · ★ 44635 — Собирает одностраничный HTML с ползунками, живым превью и готовым промптом, который можно скопировать обратно в Claude. - [frontend-design](https://affpapa.org/nevibecode/plugins/frontend-design.md) — плагин (официальный Anthropic) · Anthropic · Claude Code · ★ 44635 — Скилл для Claude, который ведёт фронтенд-работу к выразительной типографике, палитре и анимации вместо типовых ИИ-макетов. - [visual-explainer](https://affpapa.org/nevibecode/plugins/visual-explainer.md) — плагин · nicobailon · Claude Code · ★ 10630 — Плагин превращает сложный вывод терминала, архитектуру и сравнения требований в HTML-страницы с диаграммами. - [uizze](https://affpapa.org/nevibecode/plugins/uizze.md) — плагин (официальный GitHub) · UIZZE · GitHub Copilot · ★ 40418 — Плагин помогает GitHub Copilot собирать интерфейсы под конкретный продукт и проверять состояния экрана перед завершением работы. - [skill-image-gen](https://affpapa.org/nevibecode/plugins/skill-image-gen.md) — плагин (официальный GitHub) · adamd9 · GitHub Copilot · ★ 40418 — Генерирует изображения по текстовому описанию прямо в редакторе. - [project-documenter](https://affpapa.org/nevibecode/plugins/project-documenter.md) — плагин (официальный GitHub) · Awesome Copilot Community · GitHub Copilot · ★ 40418 — Создаёт документацию репозитория в Markdown и Word, добавляя схемы draw.io и PNG-изображения. - [power-bi-development](https://affpapa.org/nevibecode/plugins/power-bi-development.md) — плагин (официальный GitHub) · Awesome Copilot Community · GitHub Copilot · ★ 40418 — Плагин помогает разбирать DAX, проектировать модели данных и искать причины проблем с производительностью Power BI. - [napkin](https://affpapa.org/nevibecode/plugins/napkin.md) — плагин (официальный GitHub) · Awesome Copilot Community · GitHub Copilot · ★ 40418 — Плагин открывает в браузере доску для набросков и заметок, а затем передаёт их Copilot. - [draw](https://affpapa.org/nevibecode/plugins/draw.md) — плагин (официальный GitHub) · Burke Holland · GitHub Copilot · ★ 40418 — Плагин создаёт и редактирует простые диаграммы в canvas Copilot. - [color-orb](https://affpapa.org/nevibecode/plugins/color-orb.md) — плагин (официальный GitHub) · Aaron Powell · GitHub Copilot · ★ 40418 — Плагин выводит на холст интерактивную сферу, цвет которой меняет агент, и транслирует журнал действий в реальном времени. - [apng-studio](https://affpapa.org/nevibecode/plugins/apng-studio.md) — плагин (официальный GitHub) · Andrea Griffiths · GitHub Copilot · ★ 40418 — Интерактивный холст для сборки Animated PNG в GitHub Copilot. - [brand-landingpage](https://affpapa.org/nevibecode/plugins/brand-landingpage.md) — плагин · Travis D. Elliott · Claude Code, Codex, Cursor · ★ 41729 — Проводит интервью о бренде, генерирует лендинги через Stitch и отдаёт готовый HTML-бандл. - [figma](https://affpapa.org/nevibecode/plugins/figma-figma.md) — плагин (официальный OpenAI) · Figma · Codex, ChatGPT · ★ 7596 — Связывает Figma с Codex: переносит макеты в код, собирает шаблоны Code Connect и правила дизайн-системы. - [perception-first-design](https://affpapa.org/nevibecode/plugins/perception-first-design.md) — плагин · skovalik · Claude Code · ★ 157 — Разбирает интерфейс, письмо или лендинг по пяти слоям восприятия и говорит, что чинить первым. - [miro](https://affpapa.org/nevibecode/plugins/miro.md) — плагин · Miro · Claude Code · ★ 163 — Даёт Claude доступ к доскам Miro: агент читает контекст, разбирает код и собирает диаграммы прямо на доске. - [magicpath](https://affpapa.org/nevibecode/plugins/magicpathai-magicpath.md) — плагин · MagicPathAI · Claude Code · ★ 92 — Ищет, показывает и ставит UI-компоненты MagicPath прямо из Claude через CLI magicpath-ai. ## Уточнить [html](https://affpapa.org/nevibecode/tag/html.md) · [diagrams](https://affpapa.org/nevibecode/tag/diagrams.md) · [ui](https://affpapa.org/nevibecode/tag/ui.md) · [canvas](https://affpapa.org/nevibecode/tag/canvas.md) · [design-system](https://affpapa.org/nevibecode/tag/design-system.md) · [animation](https://affpapa.org/nevibecode/tag/animation.md) · [architecture](https://affpapa.org/nevibecode/tag/architecture.md) · [cli](https://affpapa.org/nevibecode/tag/cli.md) · [copywriting](https://affpapa.org/nevibecode/tag/copywriting.md) · [documentation](https://affpapa.org/nevibecode/tag/documentation.md) · [docx](https://affpapa.org/nevibecode/tag/docx.md) · [gsap](https://affpapa.org/nevibecode/tag/gsap.md) ## Сузить этот список Параметры: `?platform=`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md --- NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md