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

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

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

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

- [slidewright](https://affpapa.org/nevibecode/skills/slidewright.md) — скилл · tronghieu · Claude Code, Codex, Cursor +3 · ★ 88 — Собирает слайды как сайт для показа на большом экране: один ведущий, аудитория только смотрит.
- [design-thinking](https://affpapa.org/nevibecode/skills/design-thinking.md) — скилл · tronghieu · Claude Code, Codex, Cursor +3 · ★ 88 — Ведёт проект через этапы Empathize, Define, Ideate, Prototype и Test, опираясь только на реальные данные о пользователях.
- [remember-design-system](https://affpapa.org/nevibecode/skills/remember-design-system.md) — скилл · memi-design · Claude Code, Codex, Cursor +3 · ★ 49 — Собирает краткую справку о дизайн-системе и правилах проекта перед работой над интерфейсом.
- [enforce-design-ci](https://affpapa.org/nevibecode/skills/enforce-design-ci.md) — скилл · memi-design · Claude Code, Codex, Cursor +3 · ★ 49 — Ставит в пул-реквесты проверку дизайна без участия модели: доступность, токены, структура компонентов, адаптивность.
- [build-swiftui-interface](https://affpapa.org/nevibecode/skills/build-swiftui-interface.md) — скилл · memi-design · Claude Code, Codex, Cursor +3 · ★ 49 — Скилл задаёт правила проектирования и проверки интерфейсов SwiftUI для iOS и macOS.
- [audit-frontend-design](https://affpapa.org/nevibecode/skills/audit-frontend-design.md) — скилл · memi-design · Claude Code, Codex, Cursor +3 · ★ 49 — Скилл проверяет React- и Next.js-интерфейсы по исходникам и формирует подтверждённые ссылками на файлы замечания.
- [design-workflow](https://affpapa.org/nevibecode/skills/design-workflow.md) — скилл · c0x12c · Claude Code, Codex, Cursor +3 · ★ 109 — Скилл помогает проектировать и проверять интерфейсы с опорой на дизайн-систему проекта.
- [design-intelligence](https://affpapa.org/nevibecode/skills/design-intelligence.md) — скилл · c0x12c · Claude Code, Codex, Cursor +3 · ★ 109 — Собирает дизайн-систему с нуля: палитра, типографика, отступы, радиусы и инвентарь компонентов в трёх форматах.
- [elicitation](https://affpapa.org/nevibecode/skills/elicitation.md) — скилл · tasteray · Claude Code, Codex, Cursor +3 · ★ 27 — Помогает строить глубинные интервью и диалоги через нарративную психологию и метод OARS.
- [vertical-onboarding](https://affpapa.org/nevibecode/skills/vertical-onboarding.md) — скилл · avelikiy · Claude Code, Codex, Cursor +3 · ★ 107 — Проектирует первый запуск и сценарий миграции пользователей с конкурирующих систем в SMB-сервисах.
- [ui-ux-pro-max](https://affpapa.org/nevibecode/skills/avelikiy-ui-ux-pro-max.md) — скилл · avelikiy · Claude Code, Codex, Cursor +3 · ★ 107 — Скилл помогает проектировать и проверять веб- и мобильные интерфейсы: от выбора стиля до доступности и адаптивной вёрстки.
- [committed-aesthetic](https://affpapa.org/nevibecode/skills/committed-aesthetic.md) — скилл · avelikiy · Claude Code, Codex, Cursor +3 · ★ 107 — Скилл задаёт агенту строгие проверяемые правила вместо размытых каталогов стиля.
- [anydesign](https://affpapa.org/nevibecode/skills/anydesign.md) — скилл · avelikiy · Claude Code, Codex, Cursor +3 · ★ 107 — Разбирает изображения, сайты и макеты Figma, затем собирает design.md с токенами, компонентами и заметками для реконструкции.
- [aesthetic-instrument](https://affpapa.org/nevibecode/skills/aesthetic-instrument.md) — скилл · avelikiy · Claude Code, Codex, Cursor +3 · ★ 107 — Скилл задаёт 12 правил интерфейса технической панели: тёмная шкала из пяти шагов, зелёный акцент #00d97e и пара шрифтов Geist.
- [ui-ux-design-principles](https://affpapa.org/nevibecode/skills/ui-ux-design-principles.md) — скилл · databricks-solutions · Claude Code, Codex, Cursor +3 · ★ 36 — Канон решений о пользовательском опыте: чек-лист ревью, жёсткие правила и ссылки на детали.
- [suede-paywalls](https://affpapa.org/nevibecode/skills/suede-paywalls.md) — скилл · JasonColapietro · Claude Code, Codex, Cursor +3 · ★ 126 — Скилл проектирует пейволлы и запросы на апгрейд внутри продукта.
- [suede-image](https://affpapa.org/nevibecode/skills/suede-image.md) — скилл · JasonColapietro · Claude Code, Codex, Cursor +3 · ★ 126 — Скилл ведёт производство маркетинговых изображений: hero, баннеры, Open Graph, мокапы из реального интерфейса.
- [suede-design](https://affpapa.org/nevibecode/skills/suede-design.md) — скилл · JasonColapietro · Claude Code, Codex, Cursor +3 · ★ 126 — Скилл для ИИ-кодинга, который делает интерфейсы осмысленными, а не шаблонными: токены, цвет, типографика, тёмная тема, вёрстка и визуальный QA.
- [sdk-dx](https://affpapa.org/nevibecode/skills/sdk-dx.md) — скилл · jonathimer · Claude Code, Codex, Cursor +3 · ★ 87 — Скилл помогает проектировать SDK с понятными API, типами и ошибками, которые подсказывают, как исправить проблему.
- [developer-signup-flow](https://affpapa.org/nevibecode/skills/developer-signup-flow.md) — скилл · jonathimer · Claude Code, Codex, Cursor +3 · ★ 87 — Помогает спроектировать регистрацию и онбординг для разработчиков с быстрым получением API-ключей и входом через GitHub.
- [reddit-launch-video](https://affpapa.org/nevibecode/skills/reddit-launch-video.md) — скилл · Cogny AI · Claude Code, Codex, Cursor +3 · ★ 111 — Скилл собирает запусковое видео для Reddit в форматах 1:1 или 4:5 через HyperFrames и учитывает выбранные сабреддиты.
- [brand-kit](https://affpapa.org/nevibecode/skills/brand-kit.md) — скилл · Cogny AI · Claude Code, Codex, Cursor +3 · ★ 111 — Собирает brand-kit.json с цветами, шрифтом и голосом бренда, чтобы другие скиллы брали их оттуда.
- [customer-empathy](https://affpapa.org/nevibecode/skills/customer-empathy.md) — скилл · rameerez · Claude Code, Codex, Cursor +3 · ★ 31 — Фреймворк вопросов для анализа пользовательского пути перед написанием кода.
- [go-interface-design](https://affpapa.org/nevibecode/skills/go-interface-design.md) — скилл · eduardo-sl · Claude Code, Codex, Cursor +3 · ★ 83 — Скилл помогает проектировать интерфейсы Go, разделять зависимости и проверять контракты на этапе компиляции.
- [vibe-coding-advisor](https://affpapa.org/nevibecode/skills/vibe-coding-advisor.md) — скилл · uxuiprinciples · Claude Code, Codex, Cursor +3 · ★ 26 — Скилл подбирает UX-принципы под тип интерфейсного компонента и формирует блок контекста для генерации кода нейросетью.
- [uxui-evaluator](https://affpapa.org/nevibecode/skills/uxui-evaluator.md) — скилл · uxuiprinciples · Claude Code, Codex, Cursor +3 · ★ 26 — Скилл проверяет описание интерфейса по UX/UI-принципам и выдаёт структурированный разбор.
- [interface-auditor](https://affpapa.org/nevibecode/skills/interface-auditor.md) — скилл · uxuiprinciples · Claude Code, Codex, Cursor +3 · ★ 26 — Разбирает описание интерфейса на UX-антипаттерны: находит проблемы, ставит серьёзность и выдаёт шаги исправления в JSON.
- [flow-checker](https://affpapa.org/nevibecode/skills/flow-checker.md) — скилл · uxuiprinciples · Claude Code, Codex, Cursor +3 · ★ 26 — Чеклисты для аудита пользовательских сценариев до вёрстки и перед релизом.
- [ai-interface-reviewer](https://affpapa.org/nevibecode/skills/ai-interface-reviewer.md) — скилл · uxuiprinciples · Claude Code, Codex, Cursor +3 · ★ 26 — Скилл проверяет интерфейсы с ИИ по таксономии из 44 принципов и выдаёт замечания с уровнем серьёзности и способами исправления.
- [course-designer](https://affpapa.org/nevibecode/skills/course-designer.md) — скилл · YujxZJCN · Claude Code, Codex, Cursor +3 · ★ 41 — Помогает спроектировать университетский курс: от результатов обучения до расписания и силлабуса.
- [adhd](https://affpapa.org/nevibecode/skills/szarkans-adhd.md) — скилл · szarkans · Claude Code, Codex, Cursor +3 · ★ 23 — Скилл запускает мозговой штурм по нескольким когнитивным рамкам и передаёт их разным моделям.
- [transparent-cutout-cleanup](https://affpapa.org/nevibecode/skills/transparent-cutout-cleanup.md) — скилл · 0xheycat · Claude Code, Codex, Cursor +3 · ★ 41 — Удаляет фоновые ореолы и кайму со спрайтов нейросетей, подготавливая чистую альфу для атласов.
- [spritesheet-atlas-packing](https://affpapa.org/nevibecode/skills/spritesheet-atlas-packing.md) — скилл · 0xheycat · Claude Code, Codex, Cursor +3 · ★ 41 — Упаковывает разрозненные изометрические спрайты в единый текстурный атлас с JSON-картой координат и точек привязки.
- [seamless-isometric-terrain](https://affpapa.org/nevibecode/skills/seamless-isometric-terrain.md) — скилл · 0xheycat · Claude Code, Codex, Cursor +3 · ★ 41 — Скилл помогает создавать изометрические тайлы земли для ComfyUI и собирать карту без щелей, разрывов и разного освещения.
- [isometric-object-sprites](https://affpapa.org/nevibecode/skills/isometric-object-sprites.md) — скилл · 0xheycat · Claude Code, Codex, Cursor +3 · ★ 41 — Помогает генерировать изометрические декорации для 2D-игр с фиксированным масштабом, мягкой тенью и готовой точкой привязки к тайлам.
- [isometric-building-sprites](https://affpapa.org/nevibecode/skills/isometric-building-sprites.md) — скилл · 0xheycat · Claude Code, Codex, Cursor +3 · ★ 41 — Скилл задаёт правила генерации изометрических построек с точной сеткой тайлов.
- [game-design-review](https://affpapa.org/nevibecode/skills/game-design-review.md) — скилл · AlterLab-IEU · Claude Code, Codex, Cursor +3 · ★ 47 — Скилл проверяет документ игрового дизайна на противоречия, слабую связь механик с опорными принципами игры и пробелы, которые помешают разработке.
- [game-ux-designer](https://affpapa.org/nevibecode/skills/game-ux-designer.md) — скилл · AlterLab-IEU · Claude Code, Codex, Cursor +3 · ★ 47 — Скилл помогает проектировать интерфейс игры, обучение, HUD и обратную связь игроку.
- [game-economy-designer](https://affpapa.org/nevibecode/skills/game-economy-designer.md) — скилл · AlterLab-IEU · Claude Code, Codex, Cursor +3 · ★ 47 — Проектирует экономику видеоигр, баланс источников и сливов ресурсов, F2P-монетизацию и боевые пропуски.
- [game-designer](https://affpapa.org/nevibecode/skills/alterlab-ieu-game-designer.md) — скилл · AlterLab-IEU · Claude Code, Codex, Cursor +3 · ★ 47 — Скилл помогает проектировать игровые механики, циклы, баланс и прогрессию.

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

## Уточнить
[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
