# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 45 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=45 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [problem-diagnosis](https://affpapa.org/nevibecode/skills/problem-diagnosis.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 490 установок — Помогает найти, какой принцип анимации нарушен, когда движение выглядит неправильно, но непонятно почему. - [ui-designer](https://affpapa.org/nevibecode/skills/ui-designer.md) — скилл · daniel-dan-conrad · Claude Code, Codex, Cursor +3 · 3600 установок — Скилл для сборки фронтенда с осознанным визуальным направлением: типографика, цвет, движение и композиция вместо дефолтных решений. - [shadcn](https://affpapa.org/nevibecode/skills/pymodel-shadcn.md) — скилл · PyModel · Claude Code, Codex, Cursor +3 · 458 установок — Скилл с набором правил для работы с shadcn/ui: архитектура компонентов, доступность, темы, формы и таблицы. - [arrange](https://affpapa.org/nevibecode/skills/arrange.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 577 установок — Скилл разбирает слабую пространственную композицию интерфейса: произвольные отступы, слипшиеся блоки, однообразные сетки карточек. - [universal-industry](https://affpapa.org/nevibecode/skills/universal-industry.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 487 установок — Скилл с базовыми настройками анимации по 12 принципам Disney: тайминги, easing и правила для интерфейсов, когда отраслевых гайдлайнов нет. - [friendliness-approachability](https://affpapa.org/nevibecode/skills/friendliness-approachability.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 487 установок — Задаёт правила тёплой и ненавязчивой UI-анимации. - [medium-300-500ms](https://affpapa.org/nevibecode/skills/medium-300-500ms.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 487 установок — Скилл для ИИ-агента, который помогает писать анимации средней длительности: переходы страниц, модалки, появление элементов. - [large-500-800ms](https://affpapa.org/nevibecode/skills/large-500-800ms.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 487 установок — Скилл для ИИ-агента, который подсказывает, как строить длинные анимации на 500–800 мс: переходы hero-блоков, сложные раскрытия, сцены, которые должны запомниться. - [spritecook-build-ui-kits](https://affpapa.org/nevibecode/skills/spritecook-build-ui-kits.md) — скилл · SpriteCook · Claude Code, Codex, Cursor +3 · 342 установки — Собирает игровой UI-кит через MCP-сервер SpriteCook: концепт, листы компонентов, извлечение и финализация. - [motion-sickness](https://affpapa.org/nevibecode/skills/motion-sickness.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 486 установок — Помогает найти и убрать в интерфейсе анимации, от которых кружится голова: параллакс, зум, вращение. - [universal-elements](https://affpapa.org/nevibecode/skills/universal-elements.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 485 установок — Скилл задаёт 12 классических принципов анимации Диснея для любых UI-элементов. - [small-200-300ms](https://affpapa.org/nevibecode/skills/small-200-300ms.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 485 установок — Скилл подсказывает агенту, как строить переходы длительностью 200–300 мс: появление модалок, раскрытие карточек, слайды навигации. - [trust-reliability](https://affpapa.org/nevibecode/skills/trust-reliability.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 485 установок — Скилл для анимаций, которые вызывают доверие: предсказуемые движения, спокойные тайминги, никаких сюрпризов. - [deliberate-1200-2000ms](https://affpapa.org/nevibecode/skills/deliberate-1200-2000ms.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 485 установок — Набор правил для длинных анимаций длительностью 1200-2000ms. - [product-manager](https://affpapa.org/nevibecode/skills/dylantarre-product-manager.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 485 установок — Помогает продакт-менеджеру решить, какие анимации в приложении стоят разработки, а какие можно отложить. - [universal-tool](https://affpapa.org/nevibecode/skills/universal-tool.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 484 установки — Скилл, который подсказывает агенту 12 принципов анимации Диснея при работе с любым инструментом или фреймворком. - [universal-practitioner](https://affpapa.org/nevibecode/skills/universal-practitioner.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 482 установки — Скилл, который применяет 12 принципов анимации Диснея к интерфейсам, текстам и продуктовым решениям — не только к мультипликации. - [universal-solutions](https://affpapa.org/nevibecode/skills/universal-solutions.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 482 установки — Диагностирует сбои интерфейсной анимации по двенадцати принципам Disney и подсказывает точные исправления длительности, траекторий или плавности. - [universal-fallback](https://affpapa.org/nevibecode/skills/universal-fallback.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 481 установка — Справочник по 12 классическим принципам анимации Disney для любых сред. - [accessibility-issues](https://affpapa.org/nevibecode/skills/accessibility-issues.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 481 установка — Разбирает анимацию, которая мешает людям с вестибулярными нарушениями, когнитивной перегрузкой или скринридером, и подсказывает, что чинить. - [ux-friction](https://affpapa.org/nevibecode/skills/ux-friction.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 481 установка — Скилл для диагностики анимаций, из-за которых пользователь ждёт, путается или бросает задачу. - [instant-0-100ms](https://affpapa.org/nevibecode/skills/instant-0-100ms.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 480 установок — Скилл обучает агента настраивать мгновенный отклик интерфейса до 100 мс. - [adapt](https://affpapa.org/nevibecode/skills/adapt.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 557 установок — Адаптирует веб-интерфейсы под мобильные экраны, планшеты, десктоп, печать и email без потери читаемости и иерархии. - [typeset](https://affpapa.org/nevibecode/skills/typeset.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 557 установок — Разбирает шрифты, шкалу размеров и иерархию текста в интерфейсе и приводит их к системе. - [data-viz](https://affpapa.org/nevibecode/skills/data-viz.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 568 установок — Скилл для проектирования графиков, дашбордов и таблиц с данными. - [media-publishing](https://affpapa.org/nevibecode/skills/media-publishing.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 477 установок — Скилл задаёт правила и тайминги интерфейсных анимаций для новостных сайтов, читалок и медиа-сервисов по 12 принципам Диснея. - [slow-800-1200ms](https://affpapa.org/nevibecode/skills/slow-800-1200ms.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 477 установок — Скилл для ИИ-кодинга, который помогает делать намеренно медленную анимацию 800–1200 мс: драматичные появления, загрузочные сцены, моменты, где пользователь должен остановиться и посмотреть. - [forms](https://affpapa.org/nevibecode/skills/forms.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 555 установок — Помогает проектировать формы и многошаговые сценарии ввода. - [universal-timing](https://affpapa.org/nevibecode/skills/universal-timing.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 476 установок — Скилл про тайминги анимации: правила, которые работают и на 50 мс, и на 5000 мс. - [universal-mindset](https://affpapa.org/nevibecode/skills/universal-mindset.md) — скилл · dylantarre · Claude Code, Codex, Cursor +3 · 475 установок — Скилл задаёт способ разбирать анимационные задачи через историю, движение, ритм и внимание зрителя. - [empty-state](https://affpapa.org/nevibecode/skills/empty-state.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 552 установки — Скилл для проектирования пустых состояний: нулевые данные, пустая выдача поиска, отказы в доступе и ошибки. - [a11y](https://affpapa.org/nevibecode/skills/a11y.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 561 установка — Разбирает интерфейс по клавиатуре, скринридеру, контрасту и семантике, а потом правит найденное. - [colorize](https://affpapa.org/nevibecode/skills/aladicf-colorize.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 551 установка — Скилл для ИИ-кодинга, который добавляет цвет в слишком серые интерфейсы: семантику состояний, акценты и цветовую иерархию. - [normalize](https://affpapa.org/nevibecode/skills/normalize.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 546 установок — Аудирует интерфейс и возвращает компоненты к дизайн-токенам, сетке и системным паттернам проекта. - [awesome-design-md-jp](https://affpapa.org/nevibecode/skills/awesome-design-md-jp.md) — скилл · reason-machines · Claude Code, Codex, Cursor +3 · 668 установок — Скилл добавляет спецификации DESIGN.md для японских веб-интерфейсов. - [wireframing](https://affpapa.org/nevibecode/skills/wireframing.md) — скилл · manutej · Claude Code, Codex, Cursor +3 · 566 установок — Скилл для проектирования интерфейсов: помогает пройти путь от набросков и структуры экранов до макета, близкого к финальному дизайну. - [accessibility-inclusive-design](https://affpapa.org/nevibecode/skills/accessibility-inclusive-design.md) — скилл · hueyexe · Claude Code, Codex, Cursor +3 · 574 установки — Скилл для ИИ-агента, который помогает проектировать и разбирать интерфейсы с оглядкой на доступность: клавиатура, скринридеры, контраст, семантика. - [k2f-idml](https://affpapa.org/nevibecode/skills/k2f-idml.md) — скилл · suzheng · Claude Code, Codex, Cursor +3 · 2500 установок — Готовит blueprint многостраничных изданий — брошюр, каталогов, годовых отчётов — и выгружает их в IDML для доработки в InDesign. - [harden](https://affpapa.org/nevibecode/skills/aladicf-harden.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 539 установок — Прогоняет интерфейс через крайние случаи: длинный текст, ошибки сети, RTL, пустые состояния. - [distill](https://affpapa.org/nevibecode/skills/aladicf-distill.md) — скилл · aladicf · Claude Code, Codex, Cursor +3 · 548 установок — Скилл убирает из UI лишние элементы, опции и функции, оставляя главное. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=46 ## Уточнить [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