# Скиллы по теме «Дизайн»

Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.

2133 карточки · страница 51 из 54

- HTML: https://affpapa.org/nevibecode/skills/topic/design?page=51
- Инструкция для агента: https://affpapa.org/nevibecode/agents.md

- [canva-resize-for-social-media](https://affpapa.org/nevibecode/skills/canva-resize-for-social-media.md) — скилл (официальный OpenAI) · Canva Pty Ltd. · Codex, ChatGPT · ★ 7604 — Скилл создаёт версии одного дизайна Canva для постов и историй Facebook и Instagram, а также для LinkedIn.
- [canva-implement-feedback](https://affpapa.org/nevibecode/skills/canva-implement-feedback.md) — скилл (официальный OpenAI) · Canva Pty Ltd. · Codex, ChatGPT · ★ 7604 — Скилл читает все комментарии к дизайну Canva, вносит понятные правки через API и отдельно перечисляет то, что придётся доделать руками.
- [canva-edit-design](https://affpapa.org/nevibecode/skills/canva-edit-design.md) — скилл (официальный OpenAI) · Canva Pty Ltd. · Codex, ChatGPT · ★ 7604 — Правка готовых макетов Canva через сессии изменений с подтверждением.
- [canva-design-feedback](https://affpapa.org/nevibecode/skills/canva-design-feedback.md) — скилл (официальный OpenAI) · Canva Pty Ltd. · Codex, ChatGPT · ★ 7604 — Скилл читает дизайн Canva и выдаёт структурированную критику по иерархии, тексту, отступам, читаемости и доступности.
- [canva-bulk-create](https://affpapa.org/nevibecode/skills/canva-bulk-create.md) — скилл (официальный OpenAI) · Canva Pty Ltd. · Codex, ChatGPT · ★ 7604 — Создаёт по одному дизайну Canva на каждую строку таблицы, подставляя данные в поля бренд-шаблона.
- [canva-brand-check](https://affpapa.org/nevibecode/skills/canva-brand-check.md) — скилл (официальный OpenAI) · Canva Pty Ltd. · Codex, ChatGPT · ★ 7604 — Сверяет дизайн Canva с бренд-китом и отмечает расхождения в цветах, шрифтах, логотипе и тексте.
- [adobe-design-from-template](https://affpapa.org/nevibecode/skills/adobe-design-from-template.md) — скилл (официальный OpenAI) · Adobe Inc · Codex, ChatGPT · ★ 7604 — Скилл находит шаблон Adobe Express и помогает изменить текст, изображения и фон, а затем скачать дизайн в PDF.
- [adobe-create-mockups](https://affpapa.org/nevibecode/skills/adobe-create-mockups.md) — скилл (официальный OpenAI) · Adobe Inc · Codex, ChatGPT · ★ 7604 — Генерирует мокапы мерча и полиграфии по логотипу или наброску через Adobe Firefly.
- [adobe-batch-edit-photos](https://affpapa.org/nevibecode/skills/adobe-batch-edit-photos.md) — скилл (официальный OpenAI) · Adobe Inc · Codex, ChatGPT · ★ 7604 — Приводит серию снимков к единому тону и стилю.
- [ui-mockup](https://affpapa.org/nevibecode/skills/ui-mockup.md) — скилл · mvschwarz · Claude Code, Codex, Cursor +3 · ★ 8227 — Скилл готовит ASCII-каркасы, HTML-макеты или живые прототипы интерфейсов.
- [excalidraw](https://affpapa.org/nevibecode/skills/excalidraw.md) — скилл · davila7 · Claude Code · 342 установки — Скилл передаёт работу с файлами Excalidraw субагентам, чтобы основной контекст не заполнялся громоздким JSON.
- [auteur](https://affpapa.org/nevibecode/skills/auteur.md) — скилл · agiwhitelist · Claude Code, Codex, Cursor +3 · ★ 1042 — Скилл, который проектирует и собирает сайты с нуля: лендинги, кинематографичные скролл-страницы и многоэкранные продукты в одном стиле.
- [feature-design-assistant](https://affpapa.org/nevibecode/skills/feature-design-assistant.md) — скилл · davila7 · Claude Code · 247 установок — Ведёт диалог с агентом и превращает сырую идею фичи в проект и спецификацию.
- [data-viz-renderer](https://affpapa.org/nevibecode/skills/data-viz-renderer.md) — скилл · zebbern · Claude Code, Codex, Cursor +3 · ★ 4679 — Скилл превращает JSON-данные в автономную HTML/SVG-инфографику: карточки показателей, сравнения, схемы процессов и дашборды.
- [marp-slide](https://affpapa.org/nevibecode/skills/marp-slide.md) — скилл · davila7 · Claude Code · 217 установок — Собирает слайды Marp из вашего текста и сразу выбирает оформление под тему: техно, бизнес, минимализм или тёмный фон.
- [design-system-starter](https://affpapa.org/nevibecode/skills/design-system-starter.md) — скилл · davila7 · Claude Code · 186 установок — Помогает заложить дизайн-систему в проекте: генерирует дизайн-токены в JSON, структуру React-компонентов и проверяет контрастность по WCAG 2.1 AA.
- [better-design](https://affpapa.org/nevibecode/skills/better-design.md) — скилл · marvkr · Claude Code, Codex, Cursor +3 · ★ 527 — Направляет агента по шагам ревью и проектирования интерфейсов через Better Design MCP.
- [mockuplm](https://affpapa.org/nevibecode/skills/mockuplm.md) — скилл · nimbalyst · Claude Code, Codex, Cursor +3 · ★ 1979 — Скилл создаёт визуальные макеты интерфейсов в виде автономных HTML-файлов со встроенными стилями.
- [excalidraw](https://affpapa.org/nevibecode/skills/nimbalyst-excalidraw.md) — скилл · nimbalyst · Claude Code, Codex, Cursor +3 · ★ 1979 — Создаёт блок-схемы, архитектурные наброски и диаграммы процессов в формате .excalidraw прямо через MCP-инструменты агента.
- [canvas](https://affpapa.org/nevibecode/skills/canvas.md) — скилл · nimbalyst · Claude Code, Codex, Cursor +3 · ★ 1979 — Генерирует файлы .canvas для Nimbalyst с карточками файлов проекта, заметками и связями.
- [animation](https://affpapa.org/nevibecode/skills/animation.md) — скилл · nimbalyst · Claude Code, Codex, Cursor +3 · ★ 1979 — Скилл создаёт пошаговые анимированные схемы в формате .anim.json для редактора Animation в Nimbalyst.
- [meme-factory](https://affpapa.org/nevibecode/skills/meme-factory.md) — скилл · davila7 · Claude Code · 139 установок — Собирает графические мемы через сервис memegen.link прямо в диалоге Claude Code.
- [diagrammer](https://affpapa.org/nevibecode/skills/diagrammer.md) — скилл · davila7 · Claude Code · 119 установок — Превращает текстовые описания в векторные SVG-схемы через JSON-разметку.
- [ui-ux-governance](https://affpapa.org/nevibecode/skills/ui-ux-governance.md) — скилл · GanyuanRan · Claude Code, Codex, Cursor +3 · ★ 1388 — Скилл задаёт агенту рамки при работе с интерфейсами: как выбирать решения по потокам, состояниям и доступности.
- [mui](https://affpapa.org/nevibecode/skills/mui.md) — скилл · davila7 · Claude Code · 110 установок — Скилл помогает Claude Code писать интерфейсы на Material UI v7, настраивать стили через sx, работать с темой и адаптивной вёрсткой.
- [screenshot-feature-extractor](https://affpapa.org/nevibecode/skills/screenshot-feature-extractor.md) — скилл · davila7 · Claude Code · 97 установок — Разбирает скриншоты интерфейсов и превращает найденные функции и взаимодействия в список задач.
- [creative-portfolio-resume](https://affpapa.org/nevibecode/skills/creative-portfolio-resume.md) — скилл · davila7 · Claude Code · 86 установок — Помогает подготовить резюме для творческой профессии, сохранив визуальный стиль и читаемость для ATS.
- [nano-banana-pro](https://affpapa.org/nevibecode/skills/swarmclawai-nano-banana-pro.md) — скилл · swarmclawai · Claude Code, Codex, Cursor +3 · ★ 700 — Скилл создаёт изображения через Gemini 3 Pro Image, редактирует один файл или объединяет несколько.
- [makepad-2.0-vector](https://affpapa.org/nevibecode/skills/makepad-20-vector.md) — скилл · ZhangHanDong · Claude Code, Codex, Cursor +3 · ★ 751 — Скилл учит ИИ писать векторную графику и анимации для виджета Vector в Makepad 2.0.
- [makepad-2.0-theme](https://affpapa.org/nevibecode/skills/makepad-20-theme.md) — скилл · ZhangHanDong · Claude Code, Codex, Cursor +3 · ★ 751 — Скилл для работы с темой Makepad 2.0: переменные theme.*, переключение тёмного и светлого режимов, цвета, шрифты и отступы в Splash.
- [makepad-2.0-layout](https://affpapa.org/nevibecode/skills/makepad-20-layout.md) — скилл · ZhangHanDong · Claude Code, Codex, Cursor +3 · ★ 751 — Скилл помогает агенту задавать размеры виджетов и располагать их в интерфейсах Makepad 2.0.
- [makepad-2.0-design-judgment](https://affpapa.org/nevibecode/skills/makepad-20-design-judgment.md) — скилл · ZhangHanDong · Claude Code, Codex, Cursor +3 · ★ 751 — Базовый скилл для архитектуры Makepad 2.0: разделяет вопросы синтаксиса и дизайна, задаёт якоря для потока данных, компонентной структуры и рендеринга.
- [dashmotion](https://affpapa.org/nevibecode/skills/dashmotion.md) — скилл · csthink · Claude Code, Codex, Cursor +3 · ★ 181 — Генерирует тёмные анимированные SVG-диаграммы в одном HTML-файле.
- [core-components](https://affpapa.org/nevibecode/skills/core-components.md) — скилл · davila7 · Claude Code · 66 установок — Скилл для Claude, который заставляет агента собирать интерфейс из компонентов вашей библиотеки и дизайн-токенов вместо сырых значений.
- [strategy-consulting-visualization](https://affpapa.org/nevibecode/skills/strategy-consulting-visualization.md) — скилл · kgraph57 · Claude Code, Codex, Cursor +3 · ★ 154 — Превращает текст, данные и заметки в структуру для слайдов, отчётов и интерактивных презентаций.
- [video](https://affpapa.org/nevibecode/skills/ohad6k-video.md) — скилл · ohad6k · Claude Code, Codex, Cursor +3 · ★ 299 — Скилл превращает бриф в папку для Claude Design: с промптом, файлами композиции и кадрами для просмотра.
- [design](https://affpapa.org/nevibecode/skills/ohad6k-design.md) — скилл · ohad6k · Claude Code, Codex, Cursor +3 · ★ 299 — Подключает профиль вкуса Emulo для задач по UI, UX и визуальной иерархии.
- [higgsfield](https://affpapa.org/nevibecode/skills/higgsfield.md) — скилл · aeonfun · Claude Code, Codex, Cursor +3 · ★ 783 — Генерация картинок и видео через MCP-сервер Higgsfield.
- [nerv-ui](https://affpapa.org/nevibecode/skills/nerv-ui.md) — скилл · mdrbx · Claude Code, Codex, Cursor +3 · ★ 95 — Скилл помогает агенту собирать React-интерфейсы командного центра на опубликованной библиотеке @mdrbx/nerv-ui — дашборды, мониторинговые терминалы, экраны входа.
- [brainstorm-prototypes](https://affpapa.org/nevibecode/skills/brainstorm-prototypes.md) — скилл · Neeeophytee · Claude Code, Codex, Cursor +3 · ★ 355 — Скилл делает 3–5 намеренно разных черновых вариантов — макетов, подходов, названий, — чтобы вы отреагировали на них и поняли, чего хотите.

Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=52

## Уточнить
[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=<claude-code|codex|cursor|copilot|gemini-cli|windsurf|…>`, `&topic=<…>`, `&sort=installs|stars|new|updated` — значения в https://affpapa.org/nevibecode/agents.md

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md
