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

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

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

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

- [Mobile App Design Standards](https://affpapa.org/nevibecode/skills/mobile-app-design-standards.md) — скилл · awesome-skills · Claude Code, Codex, Cursor +3 · 906 установок — Скилл подсказывает агенту правила вёрстки мобильных экранов: нативные паттерны iOS и Android, доступность, размеры тач-зон.
- [avoid-ai-design](https://affpapa.org/nevibecode/skills/avoid-ai-design.md) — скилл · ungspirit · Claude Code, Codex, Cursor +3 · 641 установка — Скилл находит в вёрстке следы генерации нейросетью и переписывает её вокруг одной выбранной дизайн-идеи.
- [imprint](https://affpapa.org/nevibecode/skills/jsmastery-pro-imprint.md) — скилл · jsmastery-pro · Claude Code, Codex, Cursor +3 · 725 установок — Скилл записывает классы и значения из только что собранного компонента в ui-registry.md, чтобы следующие компоненты выглядели так же.
- [animejs](https://affpapa.org/nevibecode/skills/bowtiedswan-animejs.md) — скилл · BowTiedSwan · Claude Code, Codex, Cursor +3 · 1200 установок — Передаёт агенту справочные данные по Anime.js v4.
- [dokie-ai-ppt](https://affpapa.org/nevibecode/skills/dokie-ai-ppt.md) — скилл · MYZY-AI · Claude Code, Codex, Cursor +3 · 984 установки — Скилл собирает презентацию в HTML по разговору с агентом: разбирает задачу, делает план, выбирает тему и генерирует слайды.
- [om-synthetic-users](https://affpapa.org/nevibecode/skills/om-synthetic-users.md) — скилл · open-mercato · Claude Code, Codex, Cursor +3 · 1600 установок — Формирует синтетических пользователей на основе заметок и спек, проводит интервью и тестирует сценарии продукта под давлением ограничений.
- [Adobe](https://affpapa.org/nevibecode/skills/adobe.md) — скилл · SFKislev · Claude Code, Codex, Cursor +3 · 1900 установок — Скилл связывает агента с Photoshop, Illustrator, Premiere, After Effects, InDesign и Audition через мост Flue.
- [ui-ux-design-pro](https://affpapa.org/nevibecode/skills/ui-ux-design-pro.md) — скилл · saifyxpro · Claude Code, Codex, Cursor +3 · 797 установок — Скилл для проектирования дашбордов, SaaS-приложений и лендингов: задаёт дизайн-систему, проверяет доступность и качество вёрстки.
- [canghe-cover-image](https://affpapa.org/nevibecode/skills/canghe-cover-image.md) — скилл · freestylefly · Claude Code, Codex, Cursor +3 · 541 установка — Скилл анализирует статью и строит визуальную обложку с выбором палитры, стиля и формата кадра.
- [motion-graphics](https://affpapa.org/nevibecode/skills/motion-graphics.md) — скилл · Liamrjohnston · Claude Code, Codex, Cursor +3 · 1000 установок — Проверяет подлинность ассетов и блокирует генерацию моушн-графики до прохождения проверок через promptible-gate.mjs.
- [macos-golden-gate-design](https://affpapa.org/nevibecode/skills/macos-golden-gate-design.md) — скилл (официальный GitHub) · github · GitHub Copilot · 23 установки — Скилл настраивает интерфейсы macOS 27 Golden Gate на SwiftUI и AppKit в стиле Liquid Glass.
- [gpt-image](https://affpapa.org/nevibecode/skills/gpt-image.md) — скилл · 101-skills · Claude Code, Codex, Cursor +3 · 12300 установок — Скилл для генерации и правки изображений через GPT-Image-2 от OpenAI.
- [brand-identity](https://affpapa.org/nevibecode/skills/travisjneuman-brand-identity.md) — скилл · travisjneuman · Claude Code, Codex, Cursor +3 · 1700 установок — Помогает сформулировать позиционирование компании, подобрать архетип и собрать базовый визуальный гайдлайн прямо в диалоге с агентом.
- [12-principles-of-animation](https://affpapa.org/nevibecode/skills/12-principles-of-animation.md) — скилл · raphael-salaja · Claude Code, Codex, Cursor +3 · 2200 установок — Находит ошибки в веб-анимациях по двенадцати принципам движения.
- [user-journeys](https://affpapa.org/nevibecode/skills/user-journeys.md) — скилл · alinaqi · Claude Code, Codex, Cursor +3 · 581 установка — Скилл помогает фиксировать пользовательские пути, проверять UX и проектировать сценарии восстановления после ошибок.
- [InDesign](https://affpapa.org/nevibecode/skills/indesign.md) — скилл · SFKislev · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл связывает агента с Adobe InDesign через локальный мост Flue.
- [develop-design-rationale](https://affpapa.org/nevibecode/skills/develop-design-rationale.md) — скилл · product-on-purpose · Claude Code, Codex, Cursor +3 · 744 установки — Скилл помогает оформить обоснование UX-решений, разобрать альтернативы и зафиксировать компромиссы.
- [liquid-glass](https://affpapa.org/nevibecode/skills/liquid-glass.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 78 установок — Помогает внедрить оформление Liquid Glass в приложениях на macOS SwiftUI и убрать самодельные фоны, мешающие системным материалам.
- [godot-ui-theming](https://affpapa.org/nevibecode/skills/godot-ui-theming.md) — скилл · thedivergentai · Claude Code, Codex, Cursor +3 · 617 установок — Скилл для ИИ-агента, который помогает настраивать темы интерфейса в Godot: StyleBox, шрифты, переключение тёмной и светлой темы.
- [canghe-infographic](https://affpapa.org/nevibecode/skills/canghe-infographic.md) — скилл · freestylefly · Claude Code, Codex, Cursor +3 · 511 установок — Скилл превращает исходный материал в инфографику: анализирует содержание и подбирает сочетания структуры и визуального стиля.
- [pdf-design](https://affpapa.org/nevibecode/skills/pdf-design.md) — скилл · jamditis · Claude Code, Codex, Cursor +3 · 504 установки — Собирает PDF-отчёты и заявки на грант из HTML: превью по ходу правок, фирменные цвета, готовый файл на выходе.
- [game-assets](https://affpapa.org/nevibecode/skills/meowa-ai-game-assets.md) — скилл · Meowa-AI · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл для планирования игр и создания готовых ассетов: спрайтов, тайлсетов, UI, музыки и озвучки через Meowa CLI.
- [article-highlights](https://affpapa.org/nevibecode/skills/article-highlights.md) — скилл · Liamrjohnston · Claude Code, Codex, Cursor +3 · 947 установок — Собирает редакционные вставки из статей в Remotion: маркерные выделения фраз, бумажная карточка, медленная камера.
- [terminal-inserts](https://affpapa.org/nevibecode/skills/terminal-inserts.md) — скилл · Liamrjohnston · Claude Code, Codex, Cursor +3 · 938 установок — Скилл для Remotion-анимаций: рисует вставки с терминалом в сдержанном стиле, без неона и свечения.
- [user-onboarding-activation](https://affpapa.org/nevibecode/skills/user-onboarding-activation.md) — скилл · RefoundAI · Claude Code, Codex, Cursor +3 · 439 установок — Скилл помогает спроектировать онбординг и довести пользователя до первой ценности продукта.
- [interior-design-expert](https://affpapa.org/nevibecode/skills/interior-design-expert.md) — скилл · curiositech · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл помогает планировать расстановку мебели, рассчитывать освещение по стандартам IES и подбирать палитры Манселла.
- [gsap-animation](https://affpapa.org/nevibecode/skills/gsap-animation.md) — скилл · notedit · Claude Code, Codex, Cursor +3 · 313 установок — Связывает GSAP с Remotion для рендеринга моушн-графики и сложных таймлайнов.
- [om-mockup-prototype](https://affpapa.org/nevibecode/skills/om-mockup-prototype.md) — скилл · open-mercato · Claude Code, Codex, Cursor +3 · 1500 установок — Скилл собирает кликабельный низкодетализированный прототип из продуктового брифа.
- [shadcn](https://affpapa.org/nevibecode/skills/vercel-labs-shadcn.md) — скилл (официальный OpenAI) · Vercel Labs · Codex, ChatGPT · 72 установки — Скилл помогает Codex работать с компонентами shadcn/ui: выбрать их, добавить в проект и настроить тему.
- [responsive-craft](https://affpapa.org/nevibecode/skills/responsive-craft.md) — скилл · kylezantos · Claude Code, Codex, Cursor +3 · 738 установок — Скилл для адаптивной вёрстки: разбирает существующий сайт, строит раскладку с нуля или открывает живой предпросмотр на разных ширинах экрана.
- [flutter-improve-design](https://affpapa.org/nevibecode/skills/flutter-improve-design.md) — скилл · kamranbekirovyz · Claude Code, Codex, Cursor +3 · 515 установок — Скилл проверяет интерфейс Flutter-приложения по каталогу правил и предлагает улучшения.
- [svg-animation](https://affpapa.org/nevibecode/skills/svg-animation.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 2500 установок — Скилл для анимации SVG: отрисовка штриха, морфинг форм, движение по пути, анимированные градиенты и фильтры.
- [accessible-animation](https://affpapa.org/nevibecode/skills/accessible-animation.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 2600 установок — Скилл учит агента уважать prefers-reduced-motion: убирает опасное движение, но оставляет плавные переходы и подсказки интерфейса.
- [awwwards-animations](https://affpapa.org/nevibecode/skills/awwwards-animations.md) — скилл · DevMartinese · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл для React-анимаций уровня Awwwards и FWA: скролл, кастомные курсоры, переходы страниц, генеративная графика.
- [imagen](https://affpapa.org/nevibecode/skills/sanjay3290-imagen.md) — скилл · sanjay3290 · Claude Code, Codex, Cursor +3 · 626 установок — Скилл генерирует изображения через модель Google Gemini и сохраняет их в проект.
- [3d-modeling](https://affpapa.org/nevibecode/skills/3d-modeling.md) — скилл · omer-metin · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл для работы с 3D-моделями: подсказывает по топологии, развёртке, ретопологии и LOD.
- [ui-design](https://affpapa.org/nevibecode/skills/mblode-ui-design.md) — скилл · mblode · Claude Code, Codex, Cursor +3 · 1400 установок — Выбирает визуальное направление, пишет код интерфейса и проверяет готовый фронтенд на дефекты.
- [image-editing](https://affpapa.org/nevibecode/skills/image-editing.md) — скилл · vivy-yi · Claude Code, Codex, Cursor +3 · 432 установки — Руководство по обработке снимков под Xiaohongshu с готовыми формулами коррекции света и цвета.
- [experience-cms-brand-create](https://affpapa.org/nevibecode/skills/experience-cms-brand-create.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 728 установок — Собирает brand.json для Salesforce Digital Experience из описания, цвета или логотипа, чтобы VS Code Brand Toolkit сразу подхватил файл.
- [nano-banana-2](https://affpapa.org/nevibecode/skills/intellectronica-nano-banana-2.md) — скилл · intellectronica · Claude Code, Codex, Cursor +3 · 869 установок — Скилл запускает генерацию и редактирование изображений через API Nano Banana 2: задаёте промпт, разрешение и соотношение сторон.

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

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