# Скиллы по теме «Дизайн» Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов. 2133 карточки · страница 20 из 54 - HTML: https://affpapa.org/nevibecode/skills/topic/design?page=20 - Инструкция для агента: https://affpapa.org/nevibecode/agents.md - [interview-script](https://affpapa.org/nevibecode/skills/owl-listener-interview-script.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Создаёт сценарий пользовательского интервью с открытыми вопросами и заметками ведущему. - [design-rationale](https://affpapa.org/nevibecode/skills/design-rationale.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Помогает написать письменное обоснование дизайн-решения: что выбрали, почему и какие были альтернативы. - [card-sort-analysis](https://affpapa.org/nevibecode/skills/card-sort-analysis.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Анализирует результаты открытой и закрытой карточной сортировки, строит матрицу сходства и предлагает категории для навигации. - [pattern-library](https://affpapa.org/nevibecode/skills/pattern-library.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл оформляет повторяющиеся UX-решения как записи паттернов: от проблемы и решения до примеров, доступности и связанных паттернов. - [affinity-diagram](https://affpapa.org/nevibecode/skills/affinity-diagram.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл собирает наблюдения и цитаты из интервью в тематические кластеры и формулирует инсайты. - [documentation-template](https://affpapa.org/nevibecode/skills/documentation-template.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Создаёт готовые каркасы документации для компонентов, паттернов и базовых правил дизайн-системы. - [naming-convention](https://affpapa.org/nevibecode/skills/naming-convention.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Задаёт единые правила именования компонентов, токенов и слоёв, чтобы имена в проекте не расходились от файла к файлу. - [empathy-map](https://affpapa.org/nevibecode/skills/empathy-map.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Собирает карту эмпатии Says, Thinks, Does, Feels для одного пользователя или сегмента, чтобы команда быстро увидела общую картину. - [handoff-spec](https://affpapa.org/nevibecode/skills/handoff-spec.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Оформляет спецификацию передачи дизайна в разработку: отступы, токены, состояния экранов и граничные случаи. - [experience-map](https://affpapa.org/nevibecode/skills/experience-map.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл строит карту всех точек контакта, каналов и связей сервиса. - [jobs-to-be-done](https://affpapa.org/nevibecode/skills/owl-listener-jobs-to-be-done.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл для разбора задач по Jobs-to-Be-Done: делит мотив на функциональную, эмоциональную и социальную части и отдаёт карту с последствиями для дизайна. - [user-persona](https://affpapa.org/nevibecode/skills/user-persona.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл формирует 2–4 персоны пользователей на базе транскриптов интервью, опросов или аналитики. - [gesture-patterns](https://affpapa.org/nevibecode/skills/gesture-patterns.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Проектирует жесты для сенсорного и указательного ввода: свайпы, перетаскивание и долгое нажатие. - [feedback-patterns](https://affpapa.org/nevibecode/skills/feedback-patterns.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Учит агента проектировать отклик системы на действие пользователя: тосты, индикаторы, бейджи и уведомления. - [design-brief](https://affpapa.org/nevibecode/skills/owl-listener-design-brief.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Формирует бриф проекта с описанием проблемы, аудитории, ограничений и метрик успеха. - [competitive-analysis](https://affpapa.org/nevibecode/skills/owl-listener-competitive-analysis.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл для сравнения чужих продуктов по UX: паттерны, фичи, пробелы и точки роста. - [prototype-strategy](https://affpapa.org/nevibecode/skills/prototype-strategy.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Помогает решить, какой прототип строить и с какой детализацией, до того как вы начнёте его собирать. - [theming-system](https://affpapa.org/nevibecode/skills/theming-system.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл проектирует трёхуровневую архитектуру дизайн-токенов для поддержки тем оформления, плотности интерфейса и тёмного режима в единой библиотеке компонентов. - [journey-map](https://affpapa.org/nevibecode/skills/journey-map.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл строит карту пути одной персоны: этапы, точки контакта, эмоции и боли. - [component-spec](https://affpapa.org/nevibecode/skills/component-spec.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Скилл описывает один компонент дизайн-системы: анатомию, варианты, состояния, доступность и правила использования. - [design-principles](https://affpapa.org/nevibecode/skills/design-principles.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Помогает зафиксировать рабочие принципы дизайна для разрешения споров в команде. - [accessibility-audit](https://affpapa.org/nevibecode/skills/accessibility-audit.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2100 установок — Проверяет готовый интерфейс по WCAG и выдаёт проблемы с уровнем серьёзности, влиянием и шагами исправления. - [ux-writing](https://affpapa.org/nevibecode/skills/owl-listener-ux-writing.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2200 установок — Пишет микротексты, сообщения об ошибках, пустые состояния и кнопки. - [threejs-towers](https://affpapa.org/nevibecode/skills/threejs-towers.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1200 установок — Собирает пагоды, замки и купола из параметров вместо меш-файлов и показывает, как постройка растёт снизу вверх. - [audit-ai-design-slop](https://affpapa.org/nevibecode/skills/audit-ai-design-slop.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл находит визуальный шум, нагромождение декоративных слоёв и дефекты интерфейса в коде или макетах. - [threejs-landscape](https://affpapa.org/nevibecode/skills/threejs-landscape.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл собирает живой ландшафт на Three.js: холмы, трава, камни, небо и смена времени суток. - [falling-leaves](https://affpapa.org/nevibecode/skills/falling-leaves.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл помогает генерировать реалистичную анимацию падающих листьев и лепестков на canvas или в 3D. - [pointer-trail-emitter](https://affpapa.org/nevibecode/skills/pointer-trail-emitter.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1200 установок — Скилл учит агента строить шлейф за курсором, который держит одинаковый шаг между частицами при любой скорости руки. - [build-daily-inspiration-sites](https://affpapa.org/nevibecode/skills/build-daily-inspiration-sites.md) — скилл · MengTo · Claude Code, Codex, Cursor +3 · 1200 установок — Создаёт отдельные задачи Codex для оригинальных лендингов по готовой подборке UI-референсов. - [design-systems-slds-apply](https://affpapa.org/nevibecode/skills/design-systems-slds-apply.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 6000 установок — Скилл учит агента собирать интерфейсы на Salesforce Lightning Design System: подбирать блюпринты, хуки стилей, утилитарные классы и иконки. - [remotion-motion-graphics](https://affpapa.org/nevibecode/skills/remotion-motion-graphics.md) — скилл · haidrrrry · Claude Code, Codex, Cursor +3 · 1100 установок — Скилл для ИИ-кодинга, который заставляет агента писать код Remotion по правилам моушн-дизайна, а не выдавать линейные фейды и плоские фоны. - [substance-3d-texturing](https://affpapa.org/nevibecode/skills/substance-3d-texturing.md) — скилл · freshtechbro · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл для работы с Substance 3D Painter: помогает писать PBR-материалы, выгружать текстуры под Three.js, Babylon.js, Unity и Unreal и автоматизировать экспорт через Python API. - [scroll-reveal-libraries](https://affpapa.org/nevibecode/skills/scroll-reveal-libraries.md) — скилл · freshtechbro · Claude Code, Codex, Cursor +3 · 2400 установок — Подключает лёгкие CSS-анимации появления элементов при прокрутке через библиотеку AOS. - [react-spring-physics](https://affpapa.org/nevibecode/skills/react-spring-physics.md) — скилл · freshtechbro · Claude Code, Codex, Cursor +3 · 2400 установок — Скилл для React-анимаций на физике пружин: React Spring и Popmotion. - [design-systems-slds-validate](https://affpapa.org/nevibecode/skills/design-systems-slds-validate.md) — скилл · forcedotcom · Claude Code, Codex, Cursor +3 · 5900 установок — Проверяет Lightning Web Components на соответствие SLDS: гоняет линтер, ищет проблемы в CSS и HTML, ставит оценку. - [critique-typography](https://affpapa.org/nevibecode/skills/critique-typography.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Проверяет типографику отрендеренного экрана: шкалу, читаемость, единообразие и использование токенов. - [version-control-strategy](https://affpapa.org/nevibecode/skills/version-control-strategy.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Задаёт правила версионирования макетов, библиотек компонентов и дизайн-токенов. - [critique-visual-hierarchy](https://affpapa.org/nevibecode/skills/critique-visual-hierarchy.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Скилл разбирает готовый экран по четырём измерениям и говорит, куда на самом деле падает взгляд. - [click-test-plan](https://affpapa.org/nevibecode/skills/click-test-plan.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Помогает спланировать клик-тесты: где люди кликают первым делом и находят ли нужное в навигации. - [design-sprint-plan](https://affpapa.org/nevibecode/skills/design-sprint-plan.md) — скилл · Owl-Listener · Claude Code, Codex, Cursor +3 · 2000 установок — Планирует пятидневный спринт для проверки продуктовых идей: от постановки задачи до тестирования прототипа. Дальше: https://affpapa.org/nevibecode/skills/topic/design.md?page=21 ## Уточнить [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