NeVibeCode · 297 карточек
Скиллы, плагины, субагенты, слэш-команды и mcp-серверы для задач: дизайн
Подборка для Claude Code, Codex и Cursor по теме «Дизайн»: скиллы, плагины, субагенты, слэш-команды и mcp-серверы, от популярных к нишевым.
ios-icon-gen скилл Генерирует готовые наборы иконок .imageset для каталогов ассетов Xcode через SF Symbols или Iconify API с масштабными сетками 1x, 2x и 3x.
Claude Code CX Codex Cursor +1
4 400установок
web-design-reviewer
официальный скилл Скилл осматривает работающий сайт, находит проблемы с вёрсткой, адаптивностью и доступностью, а затем может исправить их в исходном коде. Подойдёт, когда нужно проверить интерфейс и довести исправления до повторной проверки.
GitHub Copilot
13 957установок
better-layout скилл Скилл проверяет и правит группировку, выравнивание, порядок чтения и адаптивную структуру макета, а потом ломает её ресайзом, переводом и зеркалированием под RTL.
Claude Code CX Codex Cursor +1
30 400установок
better-interface скилл Проводит сквозной аудит экранов и интерфейсов по правилам доступности, вёрстки, текста, цвета и типографики. Сводит отчёты узких скиллов в единый список замечаний по приоритету.
Claude Code CX Codex Cursor +1
29 700установок
nature-image2ppt скилл Пересобирает скриншоты, сканы PDF и растровые слайды в редактируемые презентации PowerPoint с отдельными объектами. Пригодится для восстановления схем и макетов.
Claude Code CX Codex Cursor +1
7 300установок
better-writing скилл Скилл проверяет и пишет текст интерфейса: ошибки, пустые экраны, кнопки и подсказки. Он помогает выдержать единый тон продукта и не заводить тупиковых сценариев.
Claude Code CX Codex Cursor +1
28 700установок
penpot-uiux-design
официальный скилл Скилл для создания интерфейсов в Penpot через MCP-инструменты: веб, мобайл, дашборды, дизайн-системы. Работает с API Penpot напрямую из редактора кода.
GitHub Copilot
12 782установок
transitions-dev скилл Набор из 12 готовых CSS-переходов для модалок, выпадающих меню, бейджей и карточек. Скилл учит ИИ внедрять чистую анимацию без библиотек и лишней разметки.
Claude Code CX Codex Cursor +1
1 900установок
gemini-watermark-remover скилл Удаляет видимые водяные знаки Gemini с локальных картинок через встроенный CLI-скрипт. Пригодится, когда нужно очистить одиночные файлы или целые папки прямо в терминале.
Claude Code CX Codex Cursor +1
12 900установок
design-is скилл Скилл проверяет интерфейс по десяти принципам Дитера Рамса, выставляет баллы с доказательствами и готовит промпт для команды /make-plan.
Claude Code CX Codex Cursor +1
4 200установок
chakra-ui-builder скилл Скилл собирает адаптивные и доступные интерфейсы на Chakra UI v3, подключает библиотеку и настраивает темы. Пригодится для компонентов, страниц и layout.
Claude Code CX Codex Cursor +1
3 500установок
hatch-pet
официальный скилл Создаёт и упаковывает анимированных питомцев и спрайт-листы для Codex. Пригодится, когда нужен персонаж по описанию, изображению или фирменным ориентирам.
Claude Code CX Codex Cursor +1
3 300установок
winui-app
официальный скилл Скилл помогает создавать, настраивать и проверять приложения WinUI 3 на C# с Windows App SDK. Пригодится для нового проекта и разбора проблем XAML.
Claude Code CX Codex Cursor +1
3 200установок
ui-ux-designer субагент Субагент проектирует интерфейсы, вайрфреймы и дизайн-системы. Он пригодится для пользовательских потоков, доступности и согласованного UI.
Claude Code CX Codex Cursor
27 069установок
text-to-lottie скилл Генерирует, редактирует и чинит анимации Lottie JSON для локального плеера Skia Skottie. Пригодится при сборке интерфейсных лоадеров, титров и графиков.
Claude Code CX Codex Cursor +1
10 600установок
nano-banana-pro-openrouter
официальный скилл Создаёт и редактирует изображения через OpenRouter и модель Gemini 3 Pro Image. Подходит для генерации по тексту, правок файла и композиции нескольких изображений.
GitHub Copilot
9 910установок
shadcn-svelte скилл Скилл помогает работать с shadcn-svelte: добавлять компоненты, составлять интерфейсы, исправлять стили и отлаживать проекты. Нужен, если вы пишете UI на Svelte с использованием shadcn-svelte или планируете начать.
Claude Code CX Codex Cursor +1
6 700установок
plantuml-ascii
официальный скилл Создаёт текстовые диаграммы PlantUML для терминала, README и документации без изображений. Подходит, когда схему нужно хранить рядом с кодом.
GitHub Copilot
9 740установок
image-manipulation-image-magick
официальный скилл Обрабатывает изображения через ImageMagick: меняет размеры, конвертирует форматы и читает метаданные. Пригодится для миниатюр и пакетной обработки.
GitHub Copilot
9 723установок
motion-design скилл Скилл помогает проектировать анимации интерфейса: выбирать длительность, easing и последовательность движения. Пригодится для микровзаимодействий, загрузки и переходов между страницами.
Claude Code CX Codex Cursor +1
19 700установок
extract-design-system скилл Скилл находит базовые токены дизайна на веб-странице и создаёт начальные файлы tokens.json и tokens.css. Он полезен для быстрого старта стилизации в новом репозитории.
Claude Code CX Codex Cursor +1
130 600установок
figma-generate-design
официальный скилл Собирает и обновляет целые экраны в Figma из кода или описания, используя опубликованную дизайн-систему, а не нарисованные с нуля прямоугольники.
Claude Code CX Codex Cursor +1
2 900установок
figma-create-design-system-rules
официальный скилл Генерирует правила дизайн-системы для кодовой базы при переносе макетов из Figma. Помогает агентам соблюдать структуру компонентов и токенов проекта.
Claude Code CX Codex Cursor +1
2 900установок
shadcn-vue скилл Настраивает агента на правила shadcn-vue: добавление компонентов через CLI, вёрстка форм через FieldGroup, запрет space-y и строгие токены Tailwind.
Claude Code CX Codex Cursor +1
5 700установок
mobile-android-design скилл Скилл помогает проектировать нативные Android-интерфейсы на Material Design 3 и Jetpack Compose. Подойдёт для экранов, навигации и адаптивных раскладок.
Claude Code CX Codex Cursor
24 847установок
power-bi-report-design-consultation
официальный скилл Скилл помогает спроектировать Power BI-отчёт: выбрать визуализации, продумать структуру страниц и учесть аудиторию. Пригодится, когда отчёт должен поддерживать конкретные решения.
GitHub Copilot
9 390установок
design-mobile-apps скилл Генерирует экраны мобильных приложений через сервис Sleek и помогает перенести готовый макет в React Native или HTML.
Claude Code CX Codex Cursor +1
1 000 000установок
mobile-ios-design скилл Помогает проектировать нативные интерфейсы iOS и писать SwiftUI-вью по Apple HIG. Пригодится для экранов, навигации и адаптивной вёрстки.
Claude Code CX Codex Cursor
23 659установок
fluentui-blazor
официальный скилл Скилл подсказывает, как подключать Microsoft Fluent UI Blazor и собирать интерфейсы из Fluent-компонентов. Нужен при разработке и отладке Blazor-приложений.
GitHub Copilot
9 000установок
legacy-circuit-mockups
официальный скилл Создаёт макеты схем на макетной плате с помощью HTML5 Canvas. Пригодится, когда нужно показать расположение компонентов и проводов в проекте по электронике.
GitHub Copilot
8 900установок
figma-generate-library
официальный скилл Скилл для синхронизации дизайн-системы Figma с кодовой базой. Помогает создать или обновить переменные, компоненты, режимы (светлая/тёмная тема) и документацию в правильном порядке — без фаз, выполненных в неправильной последовательности.
Claude Code CX Codex Cursor +1
2 700установок
figma-create-new-file
официальный скилл Создаёт пустые файлы Figma, FigJam или Slides в черновиках нужной команды. Скилл готовит параметры и planKey перед запуском MCP-инструментов.
CX Codex GP ChatGPT
6установок
interface-review скилл Проверяет ветки, пулл-реквесты и незакоммиченные правки на дефекты UI, вёрстки, типографики и доступности. Показывает, что именно сломалось или добавилось в интерфейсе.
Claude Code CX Codex Cursor +1
18 100установок
react-vite-dashboard
официальный скилл Скилл превращает макеты из Stitch в рабочий код дашборда на React и Vite. Он связывает дизайн-токены из DESIGN.md с кодом и подключает выборку данных через TanStack Query.
Claude Code CX Codex Cursor +1
5 400установок
ux-copy
официальный скилл Скилл пишет и проверяет тексты интерфейса: от кнопок до сообщений об ошибках. Пригодится, когда нужно подобрать формулировку для конкретного экрана и состояния пользователя.
Claude Code CX Codex Cursor +1
4 600установок
image-generation скилл Формирует структурированные JSON-промпты для генерации изображений и запускает готовый Python-скрипт с поддержкой референсов. Пригодится для отрисовки персонажей и сюжетных сцен.
Claude Code CX Codex Cursor +1
2 900установок
responsive-design скилл Помогает строить адаптивные интерфейсы с mobile-first стилями, container queries и fluid-значениями. Нужен для компонентов и страниц, которые меняются вместе с доступным местом.
Claude Code CX Codex Cursor
20 956установок
ui-ux-pro-max скилл Каталожная карточка для обнаружения скилла UI/UX Pro Max в репозитории OpenDesign. Помогает агенту распознавать запросы к паттернам интерфейсов и эвристикам юзабилити.
Claude Code CX Codex Cursor +1
5 400установок
scroll-world скилл Скилл собирает лендинг, где скролл управляет камерой: она влетает внутрь сцены и без склеек переходит к следующей.
Claude Code CX Codex Cursor +1
4 800установок
excalidraw-diagram скилл Генерирует файлы .excalidraw в формате JSON для схем архитектуры и процессов. Пригодится, когда нужно наглядно разобрать структуру системы или алгоритм без ручного рисования.
Claude Code CX Codex Cursor +1
8 500установок
121–160 из 297