NeVibeCode · 2 133 карточки
Скиллы по теме «Дизайн»
Скиллы по теме «Дизайн»: у каждой карточки — что делает, команда установки и примеры запросов.
scroll-world скилл Скилл собирает лендинг, где скролл управляет камерой: она влетает внутрь сцены и без склеек переходит к следующей.
CX Codex +1
4 800установок
excalidraw-diagram скилл Генерирует файлы .excalidraw в формате JSON для схем архитектуры и процессов. Пригодится, когда нужно наглядно разобрать структуру системы или алгоритм без ручного рисования.
CX Codex +1
8 600установок
think скилл Превращает идею в план с выбранным решением, критериями успеха и проверками. Пригодится для обсуждения архитектуры и передачи работы на реализацию.
CX Codex +1
15 000установок
design-system
официальный скилл Скилл проверяет дизайн-систему, описывает компоненты и помогает спроектировать новые паттерны. Пригодится для работы с токенами, состояниями и доступностью.
CX Codex +1
4 200установок
research-synthesis
официальный скилл Скилл обобщает интервью, результаты опросов и отзывы в единый отчёт с темами, сегментами пользователей и рекомендациями.
CX Codex +1
4 100установок
frontend-design скилл Скилл для создания фронтенд-интерфейсов с продуманной типографикой, цветом и вёрсткой — от лендингов до дашбордов.
CX Codex +1
4 800установок
user-research
официальный скилл Скилл помогает планировать продуктовые исследования, составлять сценарии интервью и структурировать выводы. Пригодится при подготовке юзабилити-тестов и формулировании гипотез.
CX Codex +1
3 900установок
understand-figma скилл Скилл запрашивает макет через Figma REST API и строит интерактивный граф знаний дизайна с экранами, компонентами и токенами для локального дашборда.
CX Codex +1
1 800установок
transitions-polish скилл Скилл проверяет уже существующие анимации и подбирает токены для времени, расстояния, масштаба, blur и easing. Пригодится для точной настройки motion.
CX Codex +1
10 800установок
guizang-social-card-skill скилл Собирает карусели и обложки для Xiaohongshu, WeChat и статей из текста, скриншотов или видео в стиле швейцарского дизайна и журнальной вёрстки.
CX Codex +1
5 200установок
variant скилл Скилл собирает несколько заметно разных версий одного элемента интерфейса и показывает их на реальной странице. Пригодится, когда нужно сравнить направления дизайна перед выбором.
CX Codex +1
14 600установок
surprise-me скилл Скилл подбирает другие доступные скиллы и соединяет их в один неожиданный результат. Запустите его, когда хочется идеи или творческого эксперимента.
CX Codex +1
2 300установок
explain-interface скилл Разбирает чужие веб-интерфейсы, анимации и визуальные эффекты по ссылке или скриншоту. Помогает понять, из каких слоёв и стилей собран элемент.
CX Codex +1
14 100установок
design-handoff
официальный скилл Скилл превращает макет или его описание в спецификацию для разработчиков: размеры, токены, состояния, брейкпоинты, краевые случаи.
CX Codex +1
3 500установок
interaction-design скилл Скилл помогает проектировать микровзаимодействия, переходы и состояния обратной связи. Подойдёт для полировки интерфейса и загрузочных экранов.
CX Codex
16 146установок
kpi-dashboard-design скилл Скилл помогает проектировать KPI-дашборды, выбирать метрики и разбирать противоречия в расчётах. Подойдёт для SaaS, операций и анализа когорт.
CX Codex
16 141установок
design-system-patterns скилл Помогает проектировать дизайн-токены, переключение тем и архитектуру библиотеки компонентов. Пригодится, когда вы закладываете общие правила интерфейса для проекта.
CX Codex
15 953установок
unocss скилл Скилл даёт агенту справочник по UnoCSS: конфиг, правила, шорткаты, пресеты и трансформеры. Пригодится при настройке проекта на UnoCSS или при переносе знаний Tailwind на него.
CX Codex +1
16 100установок
react-native-design скилл Скилл помогает собирать React Native-приложения со стилями, навигацией и анимациями Reanimated. Пригодится для кроссплатформенной мобильной разработки.
CX Codex
15 522установок
web-design-guidelines скилл Проверяет код интерфейса на соответствие стандартам Vercel: вёрстку, типографику, цвета, анимации и доступность. Пригодится перед релизом компонентов.
CX Codex +1
3 900установок
visual-design-foundations скилл Скилл помогает задать типографику, цвета и интервалы для проекта. Подойдёт, когда вы создаёте дизайн-токены или приводите интерфейс к единому стилю.
CX Codex
13 566установок
baoyu-design скилл Скилл генерирует макеты интерфейсов, интерактивные прототипы и презентации в виде автономного HTML. Подходит для вёрстки экранов, дизайн-систем и схем.
CX Codex +1
6 300установок
web-component-design скилл Скилл помогает проектировать компоненты для React, Vue и Svelte. Подойдёт для библиотек UI, дизайн-систем и рефакторинга старых компонентов.
CX Codex
13 167установок
threejs скилл Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере.
CX Codex +1
3 400установок
creative-director скилл Скилл ведёт разработку креативной концепции от брифа до презентации и проверяет идеи по трём осям. Нужен для кампаний и критики концепций.
CX Codex +1
3 400установок
design-brief скилл Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально».
CX Codex +1
3 400установок
improve-ui скилл Проверяет интерфейс на соответствие его дизайн-системе, находит доказанные расхождения и составляет планы исправлений для другого агента.
CX Codex +1
7 900установок
premium-frontend-ui
официальный скилл Направляет GitHub Copilot при создании визуально выразительных страниц и компонентов с анимацией. Подойдёт для лендинга или интерактивного портфолио.
4 900установок
expo-native-ui скилл Настраивает правила вёрстки нативных экранов в Expo по гайдам Apple HIG: цвета, элементы @expo/ui, SF Symbols и адаптивные отступы.
CX Codex +1
31 700установок
wcag-audit-patterns скилл Проверяет веб-интерфейс по WCAG 2.2, сочетая автотесты и ручную проверку. Нужен при поиске нарушений и внедрении доступных паттернов.
CX Codex
12 486установок
apple-hig скилл Подключает базу Apple Human Interface Guidelines для iOS, macOS, visionOS, watchOS и tvOS к агенту при проектировании интерфейсов.
CX Codex +1
3 200установок
agentation-self-driving скилл Запускает автономный визуальный аудит интерфейса в открытом окне браузера и расставляет карточки замечаний через тулбар Agentation.
CX Codex +1
7 000установок
dfam-check скилл Скилл проверяет 3D-сетки на пригодность к 3D-печати по правилам DfAM перед нарезкой в слайсере или отправкой на станок.
CX Codex +1
4 100установок
hatch-pet скилл Создаёт и упаковывает спрайтшиты анимированных питомцев для Codex в формате 8×9. Пригодится для сборки пиксельного компаньона по концепту или картинке-референсу.
CX Codex +1
3 100установок
design-md скилл Создаёт и ведёт DESIGN.md с направлением дизайна, токенами и визуальными правилами. Пригодится, когда агенту нужен единый документ по дизайн-системе.
CX Codex +1
3 100установок
d3-visualization скилл Скилл учит агента создавать интерактивные графики и визуализации данных на D3.js. Подойдёт, если нужно быстро генерировать диаграммы для дашбордов, отчётов и прототипов.
CX Codex +1
3 100установок
design-review скилл Проводит визуальный аудит интерфейса, вносит точечные правки атомарными коммитами и сохраняет скриншоты до и после изменений. Пригодится для полировки свёрстанного UI перед релизом.
CX Codex +1
3 200установок
frontend-skill скилл Скилл помогает агенту собирать выразительные лендинги, сайты и интерфейсы приложений со сдержанной композицией. Пригодится для задач по frontend и UI.
CX Codex +1
3 000установок
presentation скилл Превращает каталог технической спецификации в интерактивную веб-презентацию. Нужен, когда спецификацию хотят показать как связный публичный дек.
CX Codex +1
3 500установок
popular-web-designs скилл 54 готовых дизайн-систем реальных сайтов (Stripe, Linear, Vercel, Claude) с CSS-токенами, типографикой и компонентами для быстрой вёрстки в стиле известных брендов.
CX Codex +1
919установок
161–200 из 2 133
