К основному содержанию
NeVibeCode · 297 карточек

Скиллы, плагины, субагенты, слэш-команды и mcp-серверы для задач: дизайн

Подборка для Claude Code, Codex и Cursor по теме «Дизайн»: скиллы, плагины, субагенты, слэш-команды и mcp-серверы, от популярных к нишевым.

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

121–160 из 297

Ещё в NeVibeCode

Спонсоры проекта

Компании, которые помогают держать аналитику открытой