# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 43 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=43 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [fintech-banking](https://affpapa.org/nevibecode/skills/fintech-banking.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 535 установок — Задаёт правила анимации интерфейсов для банковских приложений, платежей и дашбордов. - [gaming-entertainment](https://affpapa.org/nevibecode/skills/gaming-entertainment.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 535 установок — Скилл для анимаций в игровых приложениях, стриминговых сервисах и интерактивных медиа: раскладывает 12 принципов Disney по элементам интерфейса. - [accessibility-advocate](https://affpapa.org/nevibecode/skills/accessibility-advocate.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 533 установки — Скилл помогает настраивать анимации интерфейса с учётом вестибулярных нарушений и требований WCAG. - [frontend-ui-ux-design](https://affpapa.org/nevibecode/skills/frontend-ui-ux-design.md) — скилл · DauQuangThanh · Claude Code, Codex, Cursor +3 · 536 установок — Скилл организует процесс проектирования интерфейсов: от сбора требований и вайрфреймов до проверки доступности по WCAG и спецификаций компонентов для фронтенда. - [modals-dialogs](https://affpapa.org/nevibecode/skills/modals-dialogs.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 528 установок — Набор правил анимации диалоговых окон, модалок и поповеров по 12 принципам анимации Диснея. - [ux-researcher](https://affpapa.org/nevibecode/skills/ux-researcher.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 527 установок — Помогает агенту планировать исследования о том, как анимация влияет на восприятие, ошибки и время выполнения задачи. - [entrance-animations](https://affpapa.org/nevibecode/skills/entrance-animations.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 527 установок — Скилл задаёт правила появления интерфейсных элементов: диалоговых окон, карточек, тултипов и списков. - [excitement-energy](https://affpapa.org/nevibecode/skills/excitement-energy.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 526 установок — Скилл задаёт правила и тайминги для динамичных интерфейсных анимаций. - [spatial-thinking](https://affpapa.org/nevibecode/skills/spatial-thinking.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 526 установок — Скилл для ИИ-агента, который заставляет думать о кадре как о трёхмерном пространстве: глубина, перспектива, объём. - [arc-mastery](https://affpapa.org/nevibecode/skills/arc-mastery.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 525 установок — Скилл для анимации движения: объясняет, почему прямые линии выглядят механически, и как строить дуги в UI, персонажах и играх. - [animator-traditional](https://affpapa.org/nevibecode/skills/animator-traditional.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 527 установок — Переносит классические 12 принципов диснеевской анимации и покадровую работу в контекст ИИ-агента. - [joy-delight](https://affpapa.org/nevibecode/skills/joy-delight.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 522 установки — Скилл задаёт правила и тайминги для радостных UI-анимаций по принципам Disney. - [design-systems-frontend-architecture](https://affpapa.org/nevibecode/skills/design-systems-frontend-architecture.md) — скилл · hueyexe · Claude Code, Codex, Cursor +3 · 635 установок — Помогает агенту превратить решения по UI и бренду в переиспользуемые компоненты, токены и правила вёрстки. - [animate](https://affpapa.org/nevibecode/skills/aladicf-animate.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 607 установок — Добавляет в интерфейс движение: переходы, микроинтеракции, жесты и состояния наведения. - [micro-100-200ms](https://affpapa.org/nevibecode/skills/micro-100-200ms.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 521 установка — Скилл для микроанимаций длительностью 100–200 мс: подсказки, выпадающие меню, мелкая обратная связь. - [calm-relaxation](https://affpapa.org/nevibecode/skills/calm-relaxation.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 521 установка — Скилл для ИИ-кодинга, который задаёт правила плавных и тихих анимаций: длинные тайминги, мягкие кривые, никаких резких движений. - [squash-stretch-mastery](https://affpapa.org/nevibecode/skills/squash-stretch-mastery.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 522 установки — Обучает агента принципу сжатия и растяжения: настраивает отклик интерфейсов и прыжков с сохранением объёма объекта. - [staging-mastery](https://affpapa.org/nevibecode/skills/staging-mastery.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 520 установок — Свод правил по сценической расстановке в анимации и интерфейсах. - [slow-in-out-mastery](https://affpapa.org/nevibecode/skills/slow-in-out-mastery.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 520 установок — Скилл для ИИ-агента, который подсказывает, какую кривую ускорения и замедления выбрать в анимации интерфейса или персонажа. - [brand-consistency](https://affpapa.org/nevibecode/skills/brand-consistency.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 520 установок — Скилл разбирает анимацию, которая выбивается из стиля бренда, и подсказывает, что поправить: тайминги, кривые, уровень выразительности. - [setup](https://affpapa.org/nevibecode/skills/aladicf-setup.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 605 установок — Собирает дизайн-контекст проекта, исследуя код и опрашивая разработчика, затем сохраняет UX-цели и стек в файл .better-web-ui.md. - [attention-grabbers](https://affpapa.org/nevibecode/skills/attention-grabbers.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 519 установок — Скилл для ИИ-агента, который подсказывает, как делать пульсации бейджей, тряску ошибок и подсветку новых функций по принципам Disney. - [appeal-mastery](https://affpapa.org/nevibecode/skills/appeal-mastery.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 519 установок — Скилл про appeal — качество, из-за которого на анимацию хочется смотреть. - [anticipation-payoff](https://affpapa.org/nevibecode/skills/anticipation-payoff.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 519 установок — Скилл учит ИИ-агента выстраивать фазы подготовки и отдачи в анимации. - [ui-ux-pro-max](https://affpapa.org/nevibecode/skills/pixel-process-ug-ui-ux-pro-max.md) — скилл · Pixel-Process-UG · Claude Code, Codex, Cursor +3 · 1200 установок — Подбирает стили, шрифтовые пары, семантические палитры и правила вёрстки интерфейса с приоритетом доступности и скорости загрузки. - [performance-optimization](https://affpapa.org/nevibecode/skills/dylantarre-performance-optimization.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 516 установок — Помогает находить и устранять просадки FPS и рывки в анимациях интерфейса по принципам Диснея. - [react-spring](https://affpapa.org/nevibecode/skills/react-spring.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 516 установок — Скилл показывает, как собрать все 12 принципов анимации Disney на физике пружин React Spring — с готовыми примерами под каждый принцип. - [anticipation-mastery](https://affpapa.org/nevibecode/skills/anticipation-mastery.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 516 установок — Скилл объясняет принцип anticipation и подсказывает агенту, где добавить подготовительное движение, чтобы анимация не выглядела резкой. - [enterprise-b2b](https://affpapa.org/nevibecode/skills/enterprise-b2b.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 515 установок — Скилл задаёт правила анимации для B2B-интерфейсов и панелей управления. - [follow-through-overlapping](https://affpapa.org/nevibecode/skills/follow-through-overlapping.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 514 установок — Скилл учит агента принципам инерции и смещения фаз в анимации. - [expo-liquid-glass](https://affpapa.org/nevibecode/skills/expo-liquid-glass.md) — скилл · devanshuDesai · Claude Code, Codex, Cursor +3 · 478 установок — Помогает собрать стеклянные интерфейсы в Expo React Native: четыре пути реализации, проверки доступности и откат на Android. - [cards-containers](https://affpapa.org/nevibecode/skills/cards-containers.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 513 установок — Набор правил анимации карточек, плиток и контейнеров по 12 принципам Диснея. - [hierarchy](https://affpapa.org/nevibecode/skills/hierarchy.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 606 установок — Скилл разбирает интерфейс по визуальной иерархии: где главное действие теряется, что спорит за внимание и какие подписи мешают читать. - [universal-emotion](https://affpapa.org/nevibecode/skills/universal-emotion.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 511 установок — Скилл переводит заданную эмоцию в параметры анимации: тайминги, изинг, деформацию. - [designing-frontend-interfaces](https://affpapa.org/nevibecode/skills/designing-frontend-interfaces.md) — скилл · osmontero · Claude Code, Codex, Cursor +3 · 642 установки — Скилл заставляет агента сначала написать дизайн-бриф и зафиксировать токены, а уже потом писать компоненты. - [timing-principle-mastery](https://affpapa.org/nevibecode/skills/timing-principle-mastery.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 510 установок — Скилл обучает ассистента подбирать точную длительность и ритм анимаций в интерфейсах или играх. - [forms-inputs](https://affpapa.org/nevibecode/skills/forms-inputs.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 509 установок — Скилл учит агента анимировать поля ввода, текстовые области и селекты: подсказки по таймингам, состояниям и CSS-переходам для понятной обратной связи. - [loaders-spinners](https://affpapa.org/nevibecode/skills/loaders-spinners.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 508 установок — Помогает проектировать спиннеры, индикаторы загрузки и скелетоны по 12 принципам анимации Диснея. - [orchestrated-sequences](https://affpapa.org/nevibecode/skills/orchestrated-sequences.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 508 установок — Скилл для сборки многочастных анимаций: подсказывает, как расставить задержки, кривые и роли элементов, чтобы появление выглядело одним движением. - [promo-video](https://affpapa.org/nevibecode/skills/iart-ai-promo-video.md) — скилл · iart-ai · Claude Code, Codex, Cursor +3 · 693 установки — Скилл настраивает сборку промо-видео на Remotion: анимирует зачёркивание старой цены, таймер и промокод. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=44 ## Уточнить [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