# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 5 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=5 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [scroll-world](https://affpapa.org/nevibecode/skills/scroll-world.md) — скилл · oso95 · Claude Code, Codex, Cursor +3 · 4800 установок — Скилл собирает лендинг, где скролл управляет камерой: она влетает внутрь сцены и без склеек переходит к следующей. - [excalidraw-diagram](https://affpapa.org/nevibecode/skills/excalidraw-diagram.md) — скилл · coleam00 · Claude Code, Codex, Cursor +3 · 8600 установок — Генерирует файлы .excalidraw в формате JSON для схем архитектуры и процессов. - [think](https://affpapa.org/nevibecode/skills/think.md) — скилл · tw93 · Claude Code, Codex, Cursor +3 · 15000 установок — Превращает идею в план с выбранным решением, критериями успеха и проверками. - [design-system](https://affpapa.org/nevibecode/skills/anthropics-design-system.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 4200 установок — Скилл проверяет дизайн-систему, описывает компоненты и помогает спроектировать новые паттерны. - [research-synthesis](https://affpapa.org/nevibecode/skills/research-synthesis.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 4100 установок — Скилл обобщает интервью, результаты опросов и отзывы в единый отчёт с темами, сегментами пользователей и рекомендациями. - [frontend-design](https://affpapa.org/nevibecode/skills/nexu-io-frontend-design.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 4800 установок — Скилл для создания фронтенд-интерфейсов с продуманной типографикой, цветом и вёрсткой — от лендингов до дашбордов. - [user-research](https://affpapa.org/nevibecode/skills/user-research.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 3900 установок — Скилл помогает планировать продуктовые исследования, составлять сценарии интервью и структурировать выводы. - [understand-figma](https://affpapa.org/nevibecode/skills/understand-figma.md) — скилл · Egonex-AI · Claude Code, Codex, Cursor +3 · 1800 установок — Скилл запрашивает макет через Figma REST API и строит интерактивный граф знаний дизайна с экранами, компонентами и токенами для локального дашборда. - [transitions-polish](https://affpapa.org/nevibecode/skills/transitions-polish.md) — скилл · Jakubantalik · Claude Code, Codex, Cursor +3 · 10800 установок — Скилл проверяет уже существующие анимации и подбирает токены для времени, расстояния, масштаба, blur и easing. - [guizang-social-card-skill](https://affpapa.org/nevibecode/skills/guizang-social-card-skill.md) — скилл · op7418 · Claude Code, Codex, Cursor +3 · 5200 установок — Собирает карусели и обложки для Xiaohongshu, WeChat и статей из текста, скриншотов или видео в стиле швейцарского дизайна и журнальной вёрстки. - [variant](https://affpapa.org/nevibecode/skills/variant.md) — скилл · jakubkrehel · Claude Code, Codex, Cursor +3 · 14600 установок — Скилл собирает несколько заметно разных версий одного элемента интерфейса и показывает их на реальной странице. - [surprise-me](https://affpapa.org/nevibecode/skills/surprise-me.md) — скилл · bytedance · Claude Code, Codex, Cursor +3 · 2300 установок — Скилл подбирает другие доступные скиллы и соединяет их в один неожиданный результат. - [explain-interface](https://affpapa.org/nevibecode/skills/explain-interface.md) — скилл · jakubkrehel · Claude Code, Codex, Cursor +3 · 14100 установок — Разбирает чужие веб-интерфейсы, анимации и визуальные эффекты по ссылке или скриншоту. - [design-handoff](https://affpapa.org/nevibecode/skills/design-handoff.md) — скилл (официальный Anthropic) · anthropics · Claude Code, Codex, Cursor +3 · 3500 установок — Скилл превращает макет или его описание в спецификацию для разработчиков: размеры, токены, состояния, брейкпоинты, краевые случаи. - [interaction-design](https://affpapa.org/nevibecode/skills/interaction-design.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 16146 установок — Скилл помогает проектировать микровзаимодействия, переходы и состояния обратной связи. - [kpi-dashboard-design](https://affpapa.org/nevibecode/skills/kpi-dashboard-design.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 16141 установка — Скилл помогает проектировать KPI-дашборды, выбирать метрики и разбирать противоречия в расчётах. - [design-system-patterns](https://affpapa.org/nevibecode/skills/design-system-patterns.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 15953 установки — Помогает проектировать дизайн-токены, переключение тем и архитектуру библиотеки компонентов. - [unocss](https://affpapa.org/nevibecode/skills/unocss.md) — скилл · Anthony Fu · Claude Code, Codex, Cursor +3 · 16100 установок — Скилл даёт агенту справочник по UnoCSS: конфиг, правила, шорткаты, пресеты и трансформеры. - [react-native-design](https://affpapa.org/nevibecode/skills/react-native-design.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 15522 установки — Скилл помогает собирать React Native-приложения со стилями, навигацией и анимациями Reanimated. - [web-design-guidelines](https://affpapa.org/nevibecode/skills/vercel-web-design-guidelines.md) — скилл · vercel · Claude Code, Codex, Cursor +3 · 3900 установок — Проверяет код интерфейса на соответствие стандартам Vercel: вёрстку, типографику, цвета, анимации и доступность. - [visual-design-foundations](https://affpapa.org/nevibecode/skills/visual-design-foundations.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 13566 установок — Скилл помогает задать типографику, цвета и интервалы для проекта. - [baoyu-design](https://affpapa.org/nevibecode/skills/baoyu-design.md) — скилл · JimLiu · Claude Code, Codex, Cursor +3 · 6300 установок — Скилл генерирует макеты интерфейсов, интерактивные прототипы и презентации в виде автономного HTML. - [web-component-design](https://affpapa.org/nevibecode/skills/web-component-design.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 13167 установок — Скилл помогает проектировать компоненты для React, Vue и Svelte. - [threejs](https://affpapa.org/nevibecode/skills/threejs.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 3400 установок — Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере. - [creative-director](https://affpapa.org/nevibecode/skills/creative-director.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 3400 установок — Скилл ведёт разработку креативной концепции от брифа до презентации и проверяет идеи по трём осям. - [design-brief](https://affpapa.org/nevibecode/skills/nexu-io-design-brief.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 3400 установок — Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. - [improve-ui](https://affpapa.org/nevibecode/skills/improve-ui.md) — скилл · ibelick · Claude Code, Codex, Cursor +3 · 7900 установок — Проверяет интерфейс на соответствие его дизайн-системе, находит доказанные расхождения и составляет планы исправлений для другого агента. - [premium-frontend-ui](https://affpapa.org/nevibecode/skills/premium-frontend-ui.md) — скилл (официальный GitHub) · Utkarsh Patrikar · GitHub Copilot · 4900 установок — Направляет GitHub Copilot при создании визуально выразительных страниц и компонентов с анимацией. - [expo-native-ui](https://affpapa.org/nevibecode/skills/expo-native-ui.md) — скилл · expo · Claude Code, Codex, Cursor +3 · 31700 установок — Настраивает правила вёрстки нативных экранов в Expo по гайдам Apple HIG: цвета, элементы @expo/ui, SF Symbols и адаптивные отступы. - [wcag-audit-patterns](https://affpapa.org/nevibecode/skills/wcag-audit-patterns.md) — скилл · Seth Hobson · Claude Code, Codex, Cursor · 12486 установок — Проверяет веб-интерфейс по WCAG 2.2, сочетая автотесты и ручную проверку. - [apple-hig](https://affpapa.org/nevibecode/skills/apple-hig.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 3200 установок — Подключает базу Apple Human Interface Guidelines для iOS, macOS, visionOS, watchOS и tvOS к агенту при проектировании интерфейсов. - [agentation-self-driving](https://affpapa.org/nevibecode/skills/agentation-self-driving.md) — скилл · benjitaylor · Claude Code, Codex, Cursor +3 · 7000 установок — Запускает автономный визуальный аудит интерфейса в открытом окне браузера и расставляет карточки замечаний через тулбар Agentation. - [dfam-check](https://affpapa.org/nevibecode/skills/dfam-check.md) — скилл · earthtojake · Claude Code, Codex, Cursor +3 · 4100 установок — Скилл проверяет 3D-сетки на пригодность к 3D-печати по правилам DfAM перед нарезкой в слайсере или отправкой на станок. - [hatch-pet](https://affpapa.org/nevibecode/skills/nexu-io-hatch-pet.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 3100 установок — Создаёт и упаковывает спрайтшиты анимированных питомцев для Codex в формате 8×9. - [design-md](https://affpapa.org/nevibecode/skills/nexu-io-design-md.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 3100 установок — Создаёт и ведёт DESIGN.md с направлением дизайна, токенами и визуальными правилами. - [d3-visualization](https://affpapa.org/nevibecode/skills/d3-visualization.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 3100 установок — Скилл учит агента создавать интерактивные графики и визуализации данных на D3.js. - [design-review](https://affpapa.org/nevibecode/skills/nexu-io-design-review.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 3200 установок — Проводит визуальный аудит интерфейса, вносит точечные правки атомарными коммитами и сохраняет скриншоты до и после изменений. - [frontend-skill](https://affpapa.org/nevibecode/skills/frontend-skill.md) — скилл · nexu-io · Claude Code, Codex, Cursor +3 · 3000 установок — Скилл помогает агенту собирать выразительные лендинги, сайты и интерфейсы приложений со сдержанной композицией. - [presentation](https://affpapa.org/nevibecode/skills/presentation.md) — скилл · iii-hq · Claude Code, Codex, Cursor +3 · 3500 установок — Превращает каталог технической спецификации в интерактивную веб-презентацию. - [popular-web-designs](https://affpapa.org/nevibecode/skills/popular-web-designs.md) — скилл · Hermes Agent + Teknium (design systems sourced from VoltAgent/awesome-design-md) · Claude Code, Codex, Cursor +3 · 919 установок — 54 готовых дизайн-систем реальных сайтов (Stripe, Linear, Vercel, Claude) с CSS-токенами, типографикой и компонентами для быстрой вёрстки в стиле известных брендов. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=6 ## Уточнить [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