# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 42 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=42 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [elegance-sophistication](https://affpapa.org/nevibecode/skills/elegance-sophistication.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 585 установок — Набор правил для ИИ-ассистентов по созданию сдержанных анимаций интерфейса. - [data-visualization](https://affpapa.org/nevibecode/skills/dylantarre-data-visualization.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 583 установки — Задаёт правила анимации графиков, дашбордов и диаграмм по 12 принципам Диснея. - [creative-director](https://affpapa.org/nevibecode/skills/dylantarre-creative-director.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 581 установка — Скилл задаёт роль креативного директора по анимации на базе 12 принципов Диснея. - [ui-visual-composition](https://affpapa.org/nevibecode/skills/ui-visual-composition.md) — скилл · hueyexe · Claude Code, Codex, Cursor +3 · 707 установок — Скилл учит агента верстать и рецензировать UI. - [character-appeal](https://affpapa.org/nevibecode/skills/character-appeal.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 580 установок — Скилл помогает прорабатывать выразительность и пластику персонажей через классические принципы анимации. - [transition-sequences](https://affpapa.org/nevibecode/skills/transition-sequences.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 575 установок — Скилл для многошаговых анимаций: переходы страниц, онбординг, шаги визарда. - [carousels-sliders](https://affpapa.org/nevibecode/skills/carousels-sliders.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 575 установок — Скилл помогает ИИ настраивать плавную анимацию каруселей, слайдеров и галерей по правилам классической анимации. - [app-store-screenshots-generator](https://affpapa.org/nevibecode/skills/app-store-screenshots-generator.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 818 установок — Собирает рекламные скриншоты iOS-приложения в Next.js и экспортирует PNG для размеров App Store. - [tailwindcss-fundamentals-v4](https://affpapa.org/nevibecode/skills/tailwindcss-fundamentals-v4.md) — скилл · JosiahSiegel · Claude Code, Codex, Cursor +3 · 389 установок — Скилл по Tailwind CSS v4: установка, CSS-first настройка через @theme, миграция с v3 и новые утилиты. - [frontend-design](https://affpapa.org/nevibecode/skills/aladicf-frontend-design.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 675 установок — Ведёт агента по порядку решений: сначала задача и иерархия, потом системы, и только затем цвет и декор. - [education-learning](https://affpapa.org/nevibecode/skills/education-learning.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 570 установок — Скилл для тех, кто делает анимации в e-learning и тренажёрах: подсказывает тайминги, отклик на ответ и подачу прогресса. - [physics-intuition](https://affpapa.org/nevibecode/skills/physics-intuition.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 571 установка — Скилл для анимации: помогает агенту сделать движение весомым — падения, прыжки, столкновения и инерцию. - [travel-hospitality](https://affpapa.org/nevibecode/skills/travel-hospitality.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 568 установок — Скилл задаёт правила анимации для сервисов бронирования отелей, билетов и туристических приложений на основе 12 принципов Disney. - [dramatic-2000ms-plus](https://affpapa.org/nevibecode/skills/dramatic-2000ms-plus.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 566 установок — Скилл для анимаций длиннее 2000 мс: кинематографичные интро, сюжетные последовательности, премиальные онбординги. - [open-pencil-design-editor](https://affpapa.org/nevibecode/skills/open-pencil-design-editor.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 810 установок — Скилл учит агента читать и менять файлы .fig, собирать дизайн-токены и экспортировать макеты в код через CLI или MCP-сервер OpenPencil. - [photo-editor](https://affpapa.org/nevibecode/skills/photo-editor.md) — скилл · mpstats · Claude Code, Codex, Cursor +3 · 638 установок — Скилл управляет генерацией и редактированием товарных изображений через MPSTATS Photo Editor API. - [loading-states](https://affpapa.org/nevibecode/skills/dylantarre-loading-states.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 565 установок — Скилл для индикаторов загрузки: спиннеры, прогресс-бары, скелетоны и шиммер. - [rive-animations](https://affpapa.org/nevibecode/skills/rive-animations.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 564 установки — Скилл помогает агенту собрать анимацию в Rive по 12 принципам Disney: стейт-машины, инпуты, тайминги и React-обвязка. - [notifications-toasts](https://affpapa.org/nevibecode/skills/notifications-toasts.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 561 установка — Скилл учит ИИ-агента анимировать тосты и системные уведомления по 12 принципам классической анимации. - [tailwindcss](https://affpapa.org/nevibecode/skills/martinholovsky-tailwindcss.md) — скилл · martinholovsky · Claude Code, Codex, Cursor +3 · 498 установок — Скилл учит ИИ-агента верстать интерфейс JARVIS утилитарными классами Tailwind CSS: тёмная HUD-тема, адаптивная сетка, анимации и тесты до реализации. - [recoup-music-video](https://affpapa.org/nevibecode/skills/recoup-music-video.md) — скилл · recoupable · Claude Code, Codex, Cursor +3 · 1200 установок — Собирает сюжетный музыкальный клип по этапам: от утверждённой песни и библии до проверенного монтажа. - [frontend-developer](https://affpapa.org/nevibecode/skills/dylantarre-frontend-developer.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 558 установок — Скилл помогает реализовать интерфейсные анимации и переходы по 12 классическим принципам в веб- и мобильных приложениях. - [navigation-menus](https://affpapa.org/nevibecode/skills/navigation-menus.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 557 установок — Скилл для анимации навбаров, меню и сайдбаров: тайминги, кривые и состояния переходов по принципам Disney. - [gantt-chart-visualization](https://affpapa.org/nevibecode/skills/gantt-chart-visualization.md) — скилл (официальный OpenAI) · OpenAI · Codex, ChatGPT · 9 установок — Проектирует диаграммы Ганта, оценивает структуру расписания и подбирает стек визуализации. - [timing-mastery](https://affpapa.org/nevibecode/skills/timing-mastery.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 554 установки — Задаёт ритм и длительность движений в анимации через расчёт кадров. - [buttons-ctas](https://affpapa.org/nevibecode/skills/buttons-ctas.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 552 установки — Скилл для ИИ-кодинга, который подсказывает агенту, как анимировать кнопки и CTA: состояния, тайминги, CSS-переходы. - [figma-prototyping](https://affpapa.org/nevibecode/skills/figma-prototyping.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 550 установок — Скилл подсказывает агенту, как собрать прототип в Figma по 12 принципам анимации Диснея — через Smart Animate и варианты компонентов. - [brand-marketing](https://affpapa.org/nevibecode/skills/brand-marketing.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 545 установок — Скилл переносит 12 диснеевских принципов анимации в коммерческое видео, рекламу и айдентику. - [motion-one](https://affpapa.org/nevibecode/skills/motion-one.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 544 установки — Скилл показывает, как собрать 12 принципов анимации Диснея на библиотеке Motion One — от squash and stretch до stagger и scroll. - [image-generation](https://affpapa.org/nevibecode/skills/zc277584121-image-generation.md) — скилл · zc277584121 · Claude Code, Codex, Cursor +3 · 4000 установок — Скилл создаёт иллюстрации, схемы и визуалы для статей и документации. - [attention-direction](https://affpapa.org/nevibecode/skills/attention-direction.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 540 установок — Скилл помогает выстроить визуальную иерархию и направить взгляд зрителя в анимациях или интерфейсах. - [material-3-expressive](https://affpapa.org/nevibecode/skills/material-3-expressive.md) — скилл · Albermonte · Claude Code, Codex, Cursor +3 · 502 установки — Скилл для проектирования и ревью Android-интерфейсов по Material 3 Expressive: подбирает токены компонентов, задаёт иерархию, движение, цвет и форму. - [polish](https://affpapa.org/nevibecode/skills/polish.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 637 установок — Скилл для последнего прохода по интерфейсу: выравнивание, отступы, состояния, единообразие текста. - [solid-drawing-mastery](https://affpapa.org/nevibecode/skills/solid-drawing-mastery.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 538 установок — Скилл для тех, кто делает анимацию и хочет, чтобы объекты в движении выглядели объёмными, а не плоскими. - [search](https://affpapa.org/nevibecode/skills/aladicf-search.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 626 установок — Помогает спроектировать поиск по сайту: подсказки, фильтры, выдачу результатов и выход из пустой выдачи. - [add-ui](https://affpapa.org/nevibecode/skills/add-ui.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 636 установок — Генерирует пять разных вариантов интерфейса для новой или существующей секции, а потом помогает сравнить их и внедрить выбранный. - [icons-badges](https://affpapa.org/nevibecode/skills/icons-badges.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 537 установок — Скилл для анимации иконок, бейджей, аватаров и статус-индикаторов. - [naturalistic-motion](https://affpapa.org/nevibecode/skills/naturalistic-motion.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 537 установок — Свод принципов для естественной анимации существ и природных элементов. - [audit](https://affpapa.org/nevibecode/skills/aladicf-audit.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 625 установок — Прогоняет код по пяти направлениям: доступность, производительность, темы, адаптивность и анти-паттерны. - [gesture-responses](https://affpapa.org/nevibecode/skills/gesture-responses.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 535 установок — Скилл для анимации отклика на тап, свайп и перетаскивание: задаёт тайминги, кривые и паттерны для CSS и JS. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=43 ## Уточнить [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