# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 44 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=44 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [attention-management](https://affpapa.org/nevibecode/skills/attention-management.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 507 установок — Скилл для настройки визуальной иерархии в интерфейсе через анимацию по принципам Диснея. - [social-media](https://affpapa.org/nevibecode/skills/social-media.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 507 установок — Скилл для анимаций в соцсетях, мессенджерах и фичах сообществ: подсказывает тайминги и поведение интерфейса. - [Animation Principles - Universal Reference](https://affpapa.org/nevibecode/skills/animation-principles-universal-reference.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 505 установок — Справочник по 12 классическим принципам анимации Диснея с разбором для новичков и опытных специалистов. - [exaggeration-mastery](https://affpapa.org/nevibecode/skills/exaggeration-mastery.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 505 установок — Скилл помогает решить, насколько вывести движение за пределы реализма, чтобы ключевые моменты читались на экране. - [brand-strategist](https://affpapa.org/nevibecode/skills/dylantarre-brand-strategist.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 505 установок — Помогает описать характер бренда через движение: тайминги, кривые, степень растяжения. - [design-studio](https://affpapa.org/nevibecode/skills/design-studio.md) — скилл · George-RD · Claude Code, Codex, Cursor +3 · 501 установка — Скилл для проектирования интерфейсов, аудита визуала и вёрстки документов с разделением ролей между агентами и оценкой по скриншотам. - [exit-animations](https://affpapa.org/nevibecode/skills/exit-animations.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 502 установки — Скилл подсказывает агенту, как анимировать исчезновение элементов: закрытие модалок, скрытие уведомлений, удаление строк списка. - [accordions-dropdowns](https://affpapa.org/nevibecode/skills/accordions-dropdowns.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 502 установки — Скилл учит ассистента анимировать аккордеоны и выпадающие списки по 12 принципам анимации Диснея. - [Animation Principles - Expert](https://affpapa.org/nevibecode/skills/animation-principles-expert.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 501 установка — Скилл для тех, кто уже освоил базовые принципы анимации и хочет нарушать их намеренно: анти-сквош, пропущенное anticipation, сломанные дуги. - [Animation Principles - Quick Start](https://affpapa.org/nevibecode/skills/animation-principles-quick-start.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 502 установки — Краткая шпаргалка по 12 принципам классической анимации Disney. - [timing-calibration](https://affpapa.org/nevibecode/skills/timing-calibration.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 499 установок — Скилл разбирает жалобы «слишком быстро» и «слишком медленно» и подбирает длительности и easing по типу действия. - [urgency-action](https://affpapa.org/nevibecode/skills/urgency-action.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 499 установок — Задаёт правила анимации интерфейса для привлечения внимания и быстрой реакции. - [Animation Principles - Teaching Others](https://affpapa.org/nevibecode/skills/animation-principles-teaching-others.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 498 установок — Помогает объяснить 12 принципов анимации ученикам, менти и коллегам разного уровня: что показать первым и на чём обычно спотыкаются. - [user-feedback-clarity](https://affpapa.org/nevibecode/skills/user-feedback-clarity.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 498 установок — Скилл для ИИ-агента, который разбирает, почему пользователи не замечают отклик интерфейса, и подсказывает, как это исправить. - [lists-grids](https://affpapa.org/nevibecode/skills/lists-grids.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 498 установок — Помогает настроить анимацию списков, таблиц и сеток по 12 принципам диснеевской мультипликации. - [use-topbar](https://affpapa.org/nevibecode/skills/use-topbar.md) — скилл · cognitedata · Claude Code, Codex, Cursor +3 · 1900 установок — Скилл ставит в приложение Flows/Fusion единый топбар из @aura/topbar: хлебные крошки, переключатель темы, кнопка Atlas. - [design](https://affpapa.org/nevibecode/skills/cognitedata-design.md) — скилл · cognitedata · Claude Code, Codex, Cursor +3 · 1900 установок — Скилл настраивает работу с дизайн-системой Aura в приложениях Flows и Fusion. - [Animation Principles - Master](https://affpapa.org/nevibecode/skills/animation-principles-master.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 497 установок — Скилл объясняет, почему работают 12 принципов анимации: через восприятие, физику, эмоции и сторителлинг. - [power-confidence](https://affpapa.org/nevibecode/skills/power-confidence.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 497 установок — Скилл задаёт правила анимаций, которые читаются как сила и власть: тяжёлое движение, резкая остановка, минимум отскока. - [continuous-loops](https://affpapa.org/nevibecode/skills/continuous-loops.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 497 установок — Скилл учит агента создавать зацикленные CSS-анимации по принципам классической мультипликации. - [universal-patterns](https://affpapa.org/nevibecode/skills/universal-patterns.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 496 установок — Задаёт базовые длительности, кривые изинга и 12 принципов анимации для любого движения в интерфейсе. - [secondary-action-mastery](https://affpapa.org/nevibecode/skills/secondary-action-mastery.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 496 установок — Скилл учит добавлять вторичное движение так, чтобы оно поддерживало главное действие, а не спорило с ним. - [feedback-indicators](https://affpapa.org/nevibecode/skills/feedback-indicators.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 495 установок — Скилл для анимаций обратной связи: галочки успеха, тряска ошибок, валидация полей и тосты. - [straight-ahead-pose-mastery](https://affpapa.org/nevibecode/skills/straight-ahead-pose-mastery.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 495 установок — Помогает выбрать между покадровой спонтанной анимацией и расчётом ключевых поз, а также выстроить гибридный пайплайн для интерфейсов, визуальных эффектов или игр. - [exaggerated-clarity](https://affpapa.org/nevibecode/skills/exaggerated-clarity.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 496 установок — Скилл помогает сделать ключевые моменты анимации выразительнее и понятнее. - [Animation Principles - Troubleshooting](https://affpapa.org/nevibecode/skills/animation-principles-troubleshooting.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 492 установки — Скилл разбирает, почему анимация выглядит неправильно, и подсказывает, какой принцип нарушен. - [Animation Principles - Refresher](https://affpapa.org/nevibecode/skills/animation-principles-refresher.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 492 установки — Сжатый чек-лист по 12 классическим принципам анимации без лишней теории. - [Animation Principles - Advanced](https://affpapa.org/nevibecode/skills/animation-principles-advanced.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 492 установки — Скилл для тех, кто уже знает базовые принципы анимации и хочет разобраться в нюансах: скрытый squash/stretch, отсутствие anticipation, сломанные арки. - [emotional-disconnect](https://affpapa.org/nevibecode/skills/emotional-disconnect.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 491 установка — Разбирает, почему анимация в интерфейсе ощущается неправильно, и подбирает движение под нужную эмоцию. - [state-changes](https://affpapa.org/nevibecode/skills/state-changes.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 491 установка — Скилл для анимации элементов, которые меняются на месте: переключатели, аккордеоны, чекбоксы, состояния кнопок. - [responsive-adaptive](https://affpapa.org/nevibecode/skills/responsive-adaptive.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 491 установка — Скилл настраивает адаптивную длительность анимаций в зависимости от размера экрана, расстояния перемещения и настройки prefers-reduced-motion. - [animation-micro-interaction-pack](https://affpapa.org/nevibecode/skills/animation-micro-interaction-pack.md) — скилл · patricio0312rev · Claude Code, Codex, Cursor +3 · 499 установок — Набор готовых паттернов движения для интерфейса: ховеры, входы и выходы элементов, отклик на жесты. - [Animation Principles - Intermediate](https://affpapa.org/nevibecode/skills/animation-principles-intermediate.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 490 установок — Скилл помогает связывать классические принципы анимации в сложных сценах. - [Animation Principles - Deep Dive](https://affpapa.org/nevibecode/skills/animation-principles-deep-dive.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 490 установок — Скилл-справочник по 12 принципам анимации Диснея с техническими деталями: пропорции, тайминги, дуги, реализация в кадрах. - [Animation Principles - Novice](https://affpapa.org/nevibecode/skills/animation-principles-novice.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 490 установок — Скилл разбирает 12 принципов анимации и даёт конкретные упражнения, чтобы применить их в простых проектах. - [professionalism-credibility](https://affpapa.org/nevibecode/skills/professionalism-credibility.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 490 установок — Задаёт правила сдержанной анимации интерфейса для B2B-продуктов, банков и госсервисов. - [Animation Principles - Absolute Beginner](https://affpapa.org/nevibecode/skills/animation-principles-absolute-beginner.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 489 установок — Объясняет 12 принципов анимации самыми простыми словами. - [technical-constraints](https://affpapa.org/nevibecode/skills/technical-constraints.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 489 установок — Скилл для случаев, когда анимация упирается в поддержку браузеров, возможности платформы или технические требования. - [popmotion](https://affpapa.org/nevibecode/skills/popmotion.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 489 установок — Скилл учит агента применять 12 принципов анимации Диснея с помощью библиотеки Popmotion. - [comfort-safety](https://affpapa.org/nevibecode/skills/comfort-safety.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 489 установок — Скилл для ИИ-кодинга, который задаёт правила анимаций в интерфейсах, где пользователю важно чувствовать себя в безопасности. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=45 ## Уточнить [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