NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
design-system-adoption скилл Создаёт стратегию внедрения дизайн-системы и материалы для команд, которые ею не пользуются. Нужен, когда компоненты уже есть, но их обходят.
CX Codex +1
2 000установок
summarize-interview скилл Разбирает транскрипт одного интервью на темы, цитаты и action items — в виде, который можно сразу отдать команде.
CX Codex +1
2 000установок
team-workflow скилл Скилл помогает выстроить операционные процессы дизайн-команды: управление задачами, ритуалы синхронизации и передачу макетов в разработку. Пригодится, когда хаос в задачах мешает работе.
CX Codex +1
2 000установок
opportunity-framework скилл Помогает разложить идеи по матрице impact-effort и RICE, когда задач больше, чем рук. Полезен на этапе планирования.
CX Codex +1
2 000установок
design-review-process скилл Скилл задаёт четыре контрольные точки ревью дизайна: от концепта до приёмки реализации. Пригодится, когда работа уходит в разработку без единого порядка проверки.
CX Codex +1
2 000установок
north-star-vision скилл Скилл помогает сформулировать долгосрочное видение продукта на 1, 2–3 и 5+ лет. Пригодится, когда у команды нет согласия по стратегии развития.
CX Codex +1
2 000установок
test-scenario скилл Пишет задачи для юзабилити-теста: реалистичный контекст, критерии успеха и заметки для ведущего. Пригодится, когда исследование уже спланировано, а сценариев ещё нет.
CX Codex +1
2 000установок
stakeholder-alignment скилл Собирает артефакты согласования: карту стейкхолдеров, матрицу RACI, права решений и план коммуникации. Пригодится, когда решения буксуют из-за неясного владения.
CX Codex +1
2 000установок
metrics-definition скилл Помогает сформулировать продуктовые метрики и UX-KPI для оценки дизайн-решений. Пригодится при планировании замеров до запуска разработки.
CX Codex +1
2 100установок
diary-study-plan скилл Помогает спланировать дневниковое исследование: промпты, частоту, длительность, критерии отбора участников и рамку анализа.
CX Codex +1
2 100установок
a-b-test-design скилл Помогает спланировать A/B-тест: гипотеза, варианты, основная метрика и размер выборки. Пригодится, когда изменение можно измерить количественно.
CX Codex +1
2 100установок
brand-guidelines скилл Задаёт правила редактуры интерфейса и текстов в стиле Sentry: от лаконичных кнопок до ироничных пустых экранов. Пригодится при оформлении UI, ошибок и документации.
CX Codex +1
2 500установок
barba-js скилл Скилл по Barba.js: помогает настроить плавные переходы между страницами без полной перезагрузки и связать их с GSAP.
CX Codex +1
2 400установок
design-systems-slds2-migrate скилл Прогоняет линтер SLDS по компонентам и помогает починить нарушения при переезде Lightning Web Components с SLDS 1 на SLDS 2.
CX Codex +1
5 600установок
shadcn-ui скилл Ставит и настраивает компоненты shadcn/ui в React-проекте: подбирает их по задаче, следит за порядком установки и зависимостями.
CX Codex +1
3 600установок
build-interactive-particle-trail скилл Скилл для интерактивных частиц: курсор или палец оставляет след из точек, которые летят по своей траектории. Пригодится в 3D-сценах и на лендингах.
CX Codex +1
1 100установок
web-technique-to-skill скилл Помогает превратить готовый визуальный или интерактивный приём в переиспользуемый скилл для веб-дизайна — с демо, которое доказывает и механику, и точность.
CX Codex +1
1 100установок
add-mouse-driven-orbit скилл Добавляет плавный параллакс и кинематографичное вращение сцены Three.js вслед за курсором мыши без OrbitControls. Пригодится для интерактивных hero-секций.
CX Codex +1
1 200установок
design-audit скилл Проверяет визуальный дизайн приложения и готовит поэтапный план правок. Нужен для аудита интерфейса, типографики, отступов и цветовой системы.
CX Codex +1
4 100установок
good-css скилл Заменяет каскады брейкпоинтов и вспомогательные скрипты современными возможностями CSS. Работает с чистым CSS, Tailwind, StyleX и CSS-in-JS.
CX Codex +1
1 500установок
form-design скилл Проектирует веб-формы от порядка полей и группировки до валидации и доступности. Пригодится при сборке ввода данных любого масштаба — от одиночных полей до многошаговых сценариев.
CX Codex +1
1 900установок
aesthetic-usability скилл Помогает оценить, как визуальная цельность интерфейса влияет на ощущение удобства и доверия. Нужен при разборе слабых первых впечатлений от работающего дизайна.
CX Codex +1
1 900установок
information-architecture скилл Скилл проектирует структуру контента: карту разделов, навигационную модель, таксономию и модель типов. Пригодится, когда надо разложить существующий контент по полкам.
CX Codex +1
1 900установок
critique-composition скилл Оценивает баланс, пустое пространство, ритм и гештальт-группировку на готовом экране. Помогает, когда в макете всё на месте по иерархии, но композиция выглядит разваленной.
CX Codex +1
1 900установок
ui-animation скилл Скилл проектирует, проверяет и разбирает анимацию интерфейсов: пружины, жесты, прокрутку и переходы. Пригодится при работе с движением и звуками UI.
CX Codex +1
10 400установок
animate скилл Справочник правил и готовых сниппетов для создания анимаций в React и Next.js. Помогает настроить переходы и диалоговые окна с учётом производительности.
CX Codex +1
3 600установок
premiere-pro-mcp скилл Настраивает и проверяет MCP-сервер для Adobe Premiere Pro, а затем помогает агенту импортировать медиа и менять таймлайн.
CX Codex +1
844установок
motion-broll скилл Создаёт моушн-графику и перебивки для разговорных видео по таймкодам субтитров. Генерирует анимации с морфингом одного элемента в такт речи спикера.
CX Codex +1
1 700установок
ui-typography скилл Скилл задаёт правила типографики для интерфейсов и заставляет агента молча применять их при генерации HTML, CSS и React.
CX Codex +1
3 900установок
magicpath скилл Переносит компоненты и дизайн-системы из MagicPath в локальный проект через консольную утилиту. Помогает собирать и править интерфейсы на лету.
CX Codex +1
6 300установок
image-annotations
официальный скилл Рисует рамки, стрелки и подписи на скриншотах и диаграммах через PIL. Пригодится, когда в PR надо показать, что именно изменилось.
149установок
service-blueprint скилл Помогает описать, как услуга работает для пользователя и внутри команды. Нужен при поиске сбоев между видимыми действиями, процессами и системами.
CX Codex +1
1 800установок
critique-brand-consistency скилл Сверяет отрендеренный экран с тремя файлами проекта — mood.md, voice.md и tokens.md — и указывает, где стили и тексты разошлись с брендом.
CX Codex +1
1 800установок
navigation-patterns скилл Помогает подобрать схемы переходов между разделами интерфейса: от таббаров до боковых панелей. Полезен при проектировании мобильных и десктопных экранов.
CX Codex +1
1 800установок
motion-system скилл Задаёт единый набор длительностей, кривых и правил для анимаций в продукте. Пригодится, когда у каждого компонента свои тайминги.
CX Codex +1
1 800установок
fluid-functionalism скилл Скилл для сборки React-интерфейсов на реестре shadcn/ui @fluid: пружины вместо длительностей, подсветка под курсором, смена веса шрифта без сдвига вёрстки.
CX Codex +1
603установок
tailwind-theme-builder скилл Скилл настраивает тему Tailwind v4 с shadcn/ui и тёмным режимом: ставит зависимости, связывает CSS-переменные через @theme inline, подключает переключатель темы.
CX Codex +1
3 200установок
color-palette скилл Скилл строит полную цветовую систему из одного брендового hex: 11 оттенков, семантические токены, тёмная тема и проверка контраста по WCAG.
CX Codex +1
3 200установок
design-negotiation скилл Помогает дизайнерам защищать качество интерфейса, сроки и состав задач в спорах с менеджерами и разработчиками через факты и поиск компромиссов.
CX Codex +1
1 700установок
design-impact-reporting скилл Помогает связать работу дизайна с метриками продукта и бизнеса и рассказать об этом языком стейкхолдеров.
CX Codex +1
1 700установок
801–840 из 2 133