# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 26 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=26 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [design-review](https://affpapa.org/nevibecode/skills/jezweb-design-review.md) — скилл · jezweb · Claude Code, Codex, Cursor +3 · 1400 установок — Проверяет визуальное качество веб-страницы или приложения и готовит отчёт со скриншотами. - [cro-optimization](https://affpapa.org/nevibecode/skills/cro-optimization.md) — скилл · ognjengt · Claude Code, Codex, Cursor +3 · 1200 установок — Разбирает лендинг по ссылке или HTML/CSS и выдаёт отчёт по конверсии: что мешает записи и покупке, что чинить первым. - [branding](https://affpapa.org/nevibecode/skills/branding.md) — скилл · kostja94 · Claude Code, Codex, Cursor +3 · 1900 установок — Скилл для работы с бренд-стратегией: смысл, ценности, позиционирование, сторителлинг, голос бренда. - [visionos-design-guidelines](https://affpapa.org/nevibecode/skills/visionos-design-guidelines.md) — скилл · platform-design-skills · Claude Code, Codex, Cursor +3 · 932 установки — Добавляет правила Apple Human Interface Guidelines для Apple Vision Pro в ИИ-агента. - [drawio-academic-skills](https://affpapa.org/nevibecode/skills/drawio-academic-skills.md) — скилл · bahayonghang · Claude Code, Codex, Cursor +3 · 979 установок — Скилл для draw.io, который готовит рисунки под статью, диссертацию или заявку IEEE/ACM: схемы, workflow, роадмапы и сетевые топологии. - [drawio-logical-diagrams](https://affpapa.org/nevibecode/skills/drawio-logical-diagrams.md) — скилл · giuseppe-trisciuoglio · Claude Code, Codex, Cursor +3 · 4000 установок — Генерирует файлы .drawio в нативном формате XML для логических схем, архитектуры систем, нотаций BPMN и UML. - [system-atlas](https://affpapa.org/nevibecode/skills/system-atlas.md) — скилл · inkboard · Claude Code, Codex, Cursor +3 · 505 установок — Создаёт интерактивную изометрическую карту архитектуры и файл SYSTEM.md из одного источника данных, помогая вести обсуждения и фиксировать вопросы. - [storytelling](https://affpapa.org/nevibecode/skills/storytelling.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 3100 установок — Даёт дизайнерской работе сюжетную структуру: четыре паттерна, чтобы презентации, брифы и карты пути вызывали эмоции, а не только показывали данные. - [create-tile-palette-or-rule-tiles](https://affpapa.org/nevibecode/skills/create-tile-palette-or-rule-tiles.md) — скилл · Unity-Technologies · Claude Code, Codex, Cursor +3 · 995 установок — Помогает создать палитру 2D-тайлов или RuleTile, который подбирает соседние варианты при рисовании. - [xiaohongshu-cover-generator](https://affpapa.org/nevibecode/skills/xiaohongshu-cover-generator.md) — скилл · freestylefly · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл делает обложку в стиле Xiaohongshu по вашему заголовку и сохраняет PNG в текущую папку проекта. - [shot-composition](https://affpapa.org/nevibecode/skills/shot-composition.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 2900 установок — Скилл планирует композицию кадра: сетку, фокусную точку, слои глубины и движения камеры. - [animation-principles](https://affpapa.org/nevibecode/skills/animation-principles.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 3000 установок — Скилл задаёт физику и тайминги интерфейсной анимации. - [framer-motion-animator](https://affpapa.org/nevibecode/skills/framer-motion-animator.md) — скилл · patricio0312rev · Claude Code, Codex, Cursor +3 · 11100 установок — Скилл помогает создавать анимации и микроинтерфейсы на Framer Motion: от переходов между страницами до жестов свайпа и скролла. - [website-builder-setup](https://affpapa.org/nevibecode/skills/website-builder-setup.md) — скилл · tenfoldmarc · Claude Code, Codex, Cursor +3 · 580 установок — Пошагово разворачивает стек для создания сайтов в Claude Code: UI/UX Pro Max, Framer Motion и компоненты 21st.dev. - [logo-animation](https://affpapa.org/nevibecode/skills/logo-animation.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл для ИИ-кодинга, который собирает анимацию логотипа: интро, сплэш, лоадер, отрисовку SVG-знака. - [color-motion](https://affpapa.org/nevibecode/skills/color-motion.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл помогает подбирать палитры для моушн-дизайна, строить градиенты в пространстве OKLCH и устранять выцветание рендеров After Effects из-за сдвига гаммы. - [beat-sync-editing](https://affpapa.org/nevibecode/skills/beat-sync-editing.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 2900 установок — Планирует точки склеек по BPM, выстраивает темп сцены и описывает переходы или ускорения для монтажной шкалы. - [experience-lwc-design-generate](https://affpapa.org/nevibecode/skills/experience-lwc-design-generate.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 2100 установок — Создаёт компоненты Lightning Web Components по макетам Figma или PRD. - [plaid](https://affpapa.org/nevibecode/skills/plaid.md) — скилл · plaid-dev · Claude Code, Codex, Cursor +3 · 868 установок — Проводит фаундера от формулировки идеи до запуска продукта. - [product-launch-motion](https://affpapa.org/nevibecode/skills/product-launch-motion.md) — скилл · AbubakrChan · Claude Code, Codex, Cursor +3 · 585 установок — Скилл, по которому агент придумывает сценарий и рендерит лонч-ролик продукта в MP4: HTML-сцены, одна морфящая фигура, пружины, курсор и монтаж под музыку. - [art-direction](https://affpapa.org/nevibecode/skills/art-direction.md) — скилл · rampstackco · Claude Code, Codex, Cursor +3 · 674 установки — Помогает собрать бриф фотографу, иллюстратору или видеографу и оценить готовую креативную работу на соответствие бренду. - [motion-principles](https://affpapa.org/nevibecode/skills/motion-principles.md) — скилл · AThevon · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл задаёт правила интерфейсной анимации: безопасные свойства, тайминги, кривые разгона и режим reduced-motion для веба, SwiftUI и Jetpack Compose. - [after-effects](https://affpapa.org/nevibecode/skills/after-effects.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 2800 установок — Помогает с выражениями, экспортом, тормозами и порядком в проектах Adobe After Effects. - [localize](https://affpapa.org/nevibecode/skills/localize.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Адаптирует интерфейс под разные культуры и языки: от рендеринга RTL до соответствия GDPR и PIPL. - [blueprint](https://affpapa.org/nevibecode/skills/ghaida-blueprint.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Строит сервисные блюпринты, карты экосистемы и схемы зависимостей. - [investigate](https://affpapa.org/nevibecode/skills/investigate.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Ведёт исследование от плана до выводов: гайды для интервью, опросы, юзабилити-тесты, дневники и синтез находок. - [include](https://affpapa.org/nevibecode/skills/include.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Внедряет правила доступности и требования стандарта WCAG 2.2 в интерфейсные решения до начала вёрстки. - [specify](https://affpapa.org/nevibecode/skills/specify.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Собирает утверждённый дизайн в пакет для команды или кодинг-агента: артефакты проекта плюс одна входная страница. - [articulate](https://affpapa.org/nevibecode/skills/articulate.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Проектирует слова в продукте: подписи, ошибки, пустые состояния, онбординг, подсказки. - [fortify](https://affpapa.org/nevibecode/skills/fortify.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл для проработки нештатных сценариев интерфейса: пустых экранов, сетевых сбоев, частичной загрузки данных и ошибок валидации. - [evaluate](https://affpapa.org/nevibecode/skills/evaluate.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Разбирает интерфейс по эвристикам, расставляет проблемы по серьёзности и говорит, что именно поменять. - [intent](https://affpapa.org/nevibecode/skills/intent.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Входная точка системы Intent: собирает контекст проекта, разводит работу по специализированным скиллам и подгружает базу по UX-проектированию. - [organize](https://affpapa.org/nevibecode/skills/organize.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2700 установок — Проектирует информационную архитектуру: категории, навигацию и таксономию продукта. - [journey](https://affpapa.org/nevibecode/skills/journey.md) — скилл · ghaida · Claude Code, Codex, Cursor +3 · 2800 установок — Скилл для проектирования пользовательских сценариев: экраны, шаги, навигация, онбординг, оплата, восстановление после ошибок. - [parallel-concepts](https://affpapa.org/nevibecode/skills/parallel-concepts.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 650 установок — Строит несколько по-настоящему разных решений одной задачи, пока они стоят как набросок, а не как готовый продукт. - [motion-background](https://affpapa.org/nevibecode/skills/motion-background.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 2700 установок — Скилл учит агента создавать ненавязчивые анимированные фоны: лёгкие градиенты на CSS и частицы на холсте. - [concept-selection](https://affpapa.org/nevibecode/skills/concept-selection.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 648 установок — Помогает выбрать одну концепцию из нескольких по критериям, зафиксированным заранее, и записать, что проверял каждый отклонённый вариант. - [logo-designer](https://affpapa.org/nevibecode/skills/logo-designer.md) — скилл · neonwatty · Claude Code, Codex, Cursor +3 · 931 установка — Скилл проводит агента через интервью, генерирует несколько разных SVG-концепций логотипа и собирает превью для сравнения. - [msw-painter](https://affpapa.org/nevibecode/skills/msw-painter.md) — скилл · MSW-Git · Claude Code, Codex, Cursor +3 · 9700 установок — Скилл создаёт пиксельный спрайт, когда msw-search не находит подходящий RUID, и помогает зарегистрировать его как ресурс. - [prompt-images](https://affpapa.org/nevibecode/skills/prompt-images.md) — скилл · replicate · Claude Code, Codex, Cursor +3 · 2600 установок — Справочник по составлению промптов для генерации и редактирования картинок через модели на Replicate. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=27 ## Уточнить [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