NeVibeCode · 498 карточек
Скиллы, плагины, субагенты, слэш-команды и mcp-серверы для задач: дизайн
Подборка для Claude Code, Codex и Cursor по теме «Дизайн»: скиллы, плагины, субагенты, слэш-команды и mcp-серверы, от популярных к нишевым.
think скилл Превращает идею в план с выбранным решением, критериями успеха и проверками. Пригодится для обсуждения архитектуры и передачи работы на реализацию.
Claude Code CX Codex Cursor +1
14 900установок
design-system
официальный скилл Скилл проверяет дизайн-систему, описывает компоненты и помогает спроектировать новые паттерны. Пригодится для работы с токенами, состояниями и доступностью.
Claude Code CX Codex Cursor +1
4 200установок
research-synthesis
официальный скилл Скилл обобщает интервью, результаты опросов и отзывы в единый отчёт с темами, сегментами пользователей и рекомендациями.
Claude Code CX Codex Cursor +1
4 100установок
frontend-design скилл Скилл для создания фронтенд-интерфейсов с продуманной типографикой, цветом и вёрсткой — от лендингов до дашбордов.
Claude Code CX Codex Cursor +1
4 800установок
transitions-polish скилл Скилл проверяет уже существующие анимации и подбирает токены для времени, расстояния, масштаба, blur и easing. Пригодится для точной настройки motion.
Claude Code CX Codex Cursor +1
10 600установок
variant скилл Скилл собирает несколько заметно разных версий одного элемента интерфейса и показывает их на реальной странице. Пригодится, когда нужно сравнить направления дизайна перед выбором.
Claude Code CX Codex Cursor +1
14 300установок
surprise-me скилл Скилл подбирает другие доступные скиллы и соединяет их в один неожиданный результат. Запустите его, когда хочется идеи или творческого эксперимента.
Claude Code CX Codex Cursor +1
2 300установок
explain-interface скилл Разбирает чужие веб-интерфейсы, анимации и визуальные эффекты по ссылке или скриншоту. Помогает понять, из каких слоёв и стилей собран элемент.
Claude Code CX Codex Cursor +1
13 900установок
interaction-design скилл Скилл помогает проектировать микровзаимодействия, переходы и состояния обратной связи. Подойдёт для полировки интерфейса и загрузочных экранов.
Claude Code CX Codex Cursor
16 146установок
kpi-dashboard-design скилл Скилл помогает проектировать KPI-дашборды, выбирать метрики и разбирать противоречия в расчётах. Подойдёт для SaaS, операций и анализа когорт.
Claude Code CX Codex Cursor
16 141установок
design-system-patterns скилл Помогает проектировать дизайн-токены, переключение тем и архитектуру библиотеки компонентов. Пригодится, когда вы закладываете общие правила интерфейса для проекта.
Claude Code CX Codex Cursor
15 953установок
unocss скилл Скилл даёт агенту справочник по UnoCSS: конфиг, правила, шорткаты, пресеты и трансформеры. Пригодится при настройке проекта на UnoCSS или при переносе знаний Tailwind на него.
Claude Code CX Codex Cursor +1
16 000установок
react-native-design скилл Скилл помогает собирать React Native-приложения со стилями, навигацией и анимациями Reanimated. Пригодится для кроссплатформенной мобильной разработки.
Claude Code CX Codex Cursor
15 522установок
visual-design-foundations скилл Скилл помогает задать типографику, цвета и интервалы для проекта. Подойдёт, когда вы создаёте дизайн-токены или приводите интерфейс к единому стилю.
Claude Code CX Codex Cursor
13 566установок
baoyu-design скилл Скилл генерирует макеты интерфейсов, интерактивные прототипы и презентации в виде автономного HTML. Подходит для вёрстки экранов, дизайн-систем и схем.
Claude Code CX Codex Cursor +1
6 300установок
web-component-design скилл Скилл помогает проектировать компоненты для React, Vue и Svelte. Подойдёт для библиотек UI, дизайн-систем и рефакторинга старых компонентов.
Claude Code CX Codex Cursor
13 167установок
threejs скилл Помогает ассистенту создавать 3D-сцены, настраивать материалы, камеру и пост-обработку на Three.js прямо в браузере.
Claude Code CX Codex Cursor +1
3 400установок
creative-director скилл Скилл ведёт разработку креативной концепции от брифа до презентации и проверяет идеи по трём осям. Нужен для кампаний и критики концепций.
Claude Code CX Codex Cursor +1
3 400установок
design-brief скилл Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально».
Claude Code CX Codex Cursor +1
3 400установок
improve-ui скилл Проверяет интерфейс на соответствие его дизайн-системе, находит доказанные расхождения и составляет планы исправлений для другого агента.
Claude Code CX Codex Cursor +1
7 800установок
premium-frontend-ui
официальный скилл Направляет GitHub Copilot при создании визуально выразительных страниц и компонентов с анимацией. Подойдёт для лендинга или интерактивного портфолио.
GitHub Copilot
4 900установок
expo-native-ui скилл Настраивает правила вёрстки нативных экранов в Expo по гайдам Apple HIG: цвета, элементы @expo/ui, SF Symbols и адаптивные отступы.
Claude Code CX Codex Cursor +1
31 400установок
wcag-audit-patterns скилл Проверяет веб-интерфейс по WCAG 2.2, сочетая автотесты и ручную проверку. Нужен при поиске нарушений и внедрении доступных паттернов.
Claude Code CX Codex Cursor
12 486установок
apple-hig скилл Подключает базу Apple Human Interface Guidelines для iOS, macOS, visionOS, watchOS и tvOS к агенту при проектировании интерфейсов.
Claude Code CX Codex Cursor +1
3 200установок
agentation-self-driving скилл Запускает автономный визуальный аудит интерфейса в открытом окне браузера и расставляет карточки замечаний через тулбар Agentation.
Claude Code CX Codex Cursor +1
7 000установок
dfam-check скилл Скилл проверяет 3D-сетки на пригодность к 3D-печати по правилам DfAM перед нарезкой в слайсере или отправкой на станок.
Claude Code CX Codex Cursor +1
4 100установок
hatch-pet скилл Создаёт и упаковывает спрайтшиты анимированных питомцев для Codex в формате 8×9. Пригодится для сборки пиксельного компаньона по концепту или картинке-референсу.
Claude Code CX Codex Cursor +1
3 100установок
design-md скилл Создаёт и ведёт DESIGN.md с направлением дизайна, токенами и визуальными правилами. Пригодится, когда агенту нужен единый документ по дизайн-системе.
Claude Code CX Codex Cursor +1
3 100установок
d3-visualization скилл Скилл учит агента создавать интерактивные графики и визуализации данных на D3.js. Подойдёт, если нужно быстро генерировать диаграммы для дашбордов, отчётов и прототипов.
Claude Code CX Codex Cursor +1
3 100установок
design-review скилл Проводит визуальный аудит интерфейса, вносит точечные правки атомарными коммитами и сохраняет скриншоты до и после изменений. Пригодится для полировки свёрстанного UI перед релизом.
Claude Code CX Codex Cursor +1
3 100установок
frontend-skill скилл Скилл помогает агенту собирать выразительные лендинги, сайты и интерфейсы приложений со сдержанной композицией. Пригодится для задач по frontend и UI.
Claude Code CX Codex Cursor +1
3 000установок
presentation скилл Превращает каталог технической спецификации в интерактивную веб-презентацию. Нужен, когда спецификацию хотят показать как связный публичный дек.
Claude Code CX Codex Cursor +1
3 400установок
popular-web-designs скилл 54 готовых дизайн-систем реальных сайтов (Stripe, Linear, Vercel, Claude) с CSS-токенами, типографикой и компонентами для быстрой вёрстки в стиле известных брендов.
Claude Code CX Codex Cursor +1
914установок
seo-image-gen скилл Генерирует OG-картинки, обложки статей, фото товаров и инфографику через Gemini. Пригодится, когда SEO-изображение нужно создать прямо из агентной среды.
Claude Code CX Codex Cursor +1
6 000установок
shadcn-ui скилл Скилл помогает агенту собирать структурированные и доступные UI-компоненты с shadcn/ui. Пригодится на этапе планирования интерфейса.
Claude Code CX Codex Cursor +1
2 900установок
swiftui-design скилл Скилл помогает проектировать интерфейсы SwiftUI по чётким правилам, избегая типичных ошибок AI-кода. Направляет дизайн-решения, проверяет бренд-активы и оценивает макеты по пяти критериям.
Claude Code CX Codex Cursor +1
2 900установок
pptx-generator скилл Создаёт и редактирует презентации PowerPoint с нуля через библиотеку PptxGenJS. Пригодится, когда нужно поручить агенту сборку слайдов по пайплайну MiniMax.
Claude Code CX Codex Cursor +1
2 900установок
plan-design-review скилл Скилл оценивает каждое измерение дизайна по шкале 0-10, объясняет, как выглядит оценка 10, и отмечает признаки AI Slop. Запускайте его перед слиянием UI-работ.
Claude Code CX Codex Cursor +1
2 900установок
flutter-animating-apps скилл Помогает внедрять анимации и переходы в приложения на Flutter. Пригодится при проработке нативного моушн-дизайна для iOS и Android.
Claude Code CX Codex Cursor +1
2 900установок
canvas-design скилл Скилл помогает создавать постеры, иллюстрации и другие статичные работы в PNG и PDF. Пригодится, когда агенту нужно подготовить визуальный материал по запросу.
Claude Code CX Codex Cursor +1
2 900установок
161–200 из 498