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

building-components vercel скилл Помогает проектировать доступные UI-компоненты, их API, темы и документацию. Claude Code CX Codex Cursor +1 14 700установок draw-io-diagram-generator официальный github скилл Создаёт и правит диаграммы draw.io в файлах .drawio, .drawio.svg и .drawio.png. Нужен, когда диаграмму требуется получить прямо из запроса к агенту. GitHub Copilot 2 800установок create-design-md ibelick скилл Генерирует и обновляет файл DESIGN.md на основе репозитория или открытого сайта. Нужен, чтобы передать кодинг-агентам точный дизайн-контекст интерфейса. Claude Code CX Codex Cursor +1 4 400установок high-end-visual-design nexu-io скилл Скилл задаёт правила для визуального дизайна сайтов: от типографики и компоновки до карточек и анимации. Пригодится, когда агенту нужно оформить веб-интерфейс без типовых шаблонов. Claude Code CX Codex Cursor +1 1 900установок brandkit nexu-io скилл Генерирует презентационные доски с логотипом, палитрой, типографикой и мокапами — как из студии айдентики. Claude Code CX Codex Cursor +1 1 900установок design-dna zanwei скилл Разбирает референсы на токены, стиль и визуальные эффекты, затем применяет профиль к макету. Нужен для работы со скриншотами, изображениями и URL. Claude Code CX Codex Cursor +1 6 500установок image-to-code nexu-io скилл Скилл для задач, где важна картинка: сначала сам генерирует дизайн-макеты, разбирает их, потом пишет фронтенд по этим референсам. Claude Code CX Codex Cursor +1 1 800установок gpt-taste nexu-io скилл Задаёт правила вёрстки лендингов: убирает шаблонные сетки, ограничивает длину H1 двумя строками и добавляет анимации на GSAP. Claude Code CX Codex Cursor +1 1 800установок redesign-existing-projects nexu-io скилл Аудитирует существующий интерфейс и точечно перерабатывает сайт или приложение, сохраняя рабочую логику. Нужен, когда UI выглядит шаблонно или теряет визуальную иерархию. Claude Code CX Codex Cursor +1 1 800установок od-contribute nexu-io скилл Скилл помогает отправить вклад в OpenDesign: оформить скилл или дизайн-систему, перевести документацию, исправить текст либо сообщить об ошибке. Claude Code CX Codex Cursor +1 1 800установок architecture-diagram Cocoon-AI скилл Генерирует диаграммы архитектуры систем, облачной инфраструктуры, микросервисов и сетевой топологии в виде самодостаточных HTML-файлов с тёмной темой. Claude Code CX Codex Cursor +1 2 100установок ui-ux-designer sickn33 скилл Скилл помогает проектировать интерфейсы, пользовательские потоки и дизайн-системы с учётом исследований и доступности. Пригодится для редизайна и проверки состояний интерфейса. Claude Code CX Codex Cursor +1 3 100установок expo-design-system expo скилл Помогает выстроить дизайн-систему в приложении на Expo: организовать токены, вынести общие компоненты и убрать расхождения в стилях. Claude Code CX Codex Cursor +1 16 500установок image-to-video prime-skills скилл Маршрутизирует запросы на анимацию картинок в подходящую нейросеть каталога RunComfy. Помогает оживить статичный кадр без ручного подбора параметров. Claude Code CX Codex Cursor +1 437 600установок nano-banana-2 prime-skills скилл Скилл для быстрой генерации изображений через Google Nano Banana 2 на RunComfy. Встроены оптимальные паттерны промптинга, поддержка типографики в изображениях и веб-контекста. Claude Code CX Codex Cursor +1 437 300установок image-edit prime-skills скилл Скилл выбирает модель RunComfy под задачу редактирования изображения. Нужен для замены фона, правки текста и пакетных изменений. Claude Code CX Codex Cursor +1 436 800установок nano-banana-edit prime-skills скилл Редактирует изображения через Google Nano Banana 2 на RunComfy с сохранением объекта, заменой фона и пакетом до 20 картинок. Claude Code CX Codex Cursor +1 436 700установок flux-kontext prime-skills скилл Скилл редактирует одно изображение по текстовой инструкции через Flux 1 Kontext Pro на RunComfy — пригодится, когда нужно точечно изменить деталь, сохранив лицо, позу или бренд-элементы. Claude Code CX Codex Cursor +1 436 500установок flux-2-klein prime-skills скилл Генерация картинок через Flux 2 Klein на RunComfy с готовыми паттернами промптов для быстрых итераций и финального рендера. Claude Code CX Codex Cursor +1 435 500установок p5js SHL0MS, Hermes Agent скилл Создаёт браузерные скетчи на p5.js: генеративное искусство, интерактивные визуализации, 3D-сцены с WebGL, audio-reactive графика. Экспорт в PNG, GIF, MP4 или SVG. Claude Code CX Codex Cursor +1 534установок minimalist-ui Leonxlnx скилл Задаёт правила минималистичного редакционного интерфейса с палитрой тёплого монохрома и сетками бенто. Срабатывает только при явном вызове по имени. Claude Code CX Codex Cursor +1 304установок industrial-brutalist-ui nexu-io скилл Скилл задаёт жёсткие правила визуального стиля для дашбордов, портфолио и редакционных сайтов. Механика, плотные сетки, моноширинные шрифты и эффекты старого железа. Claude Code CX Codex Cursor +1 1 700установок design-taste-frontend-v1 nexu-io скилл Оригинальная первая версия скилла с жёсткими правилами вёрстки для React и Next.js. Пригодится проектам, которым нужна точная обратная совместимость со старым поведением генератора. Claude Code CX Codex Cursor +1 1 700установок imagegen-frontend-mobile nexu-io скилл Генерирует premium mobile-экраны и флоу для iOS, Android и кросс-платформы с чистой иерархией, читаемым текстом и контролируемой палитрой. Claude Code CX Codex Cursor +1 1 700установок imagegen-frontend-web nexu-io скилл Скилл задаёт арт-дирекшн для генерации референсов веб-дизайна. Он следит за вёрсткой, запрещая склеивать экран в один длинный макет. Claude Code CX Codex Cursor +1 1 700установок reference-design-contract nexu-io скилл Превращает референсы, скриншоты и расплывчатые пожелания в DESIGN.md и план передачи в разработку. Нужен перед прототипом или редизайном. Claude Code CX Codex Cursor +1 1 700установок drawio jgraph скилл Скилл учит агента рисовать диаграммы draw.io и сохранять их как файлы .drawio, с экспортом в PNG, SVG или PDF. Claude Code CX Codex Cursor +1 3 200установок engineering-drawing earthtojake скилл Генерирует чертёж детали в PDF по 3D-модели: создаёт ортогональные виды, проставляет размеры, скрытые линии и рамку ISO. Помогает передать готовую деталь на производство. Claude Code CX Codex Cursor +1 2 100установок music-video-subtitle-generator MiniMax-AI скилл Скилл превращает треки и текст в раскадровку музыкального видео с кинетичной типографикой. Пригодится клипмейкерам для генерации промптов к клипам и коротким метрам. Claude Code CX Codex Cursor +1 3 400установок minimalist-product-ad-generator MiniMax-AI скилл Скилл помогает подготовить короткий рекламный ролик товара: от разбора изображений и выбора формата до раскадровки и генерации видео. Пригодится для продвижения товара или запуска новинки. Claude Code CX Codex Cursor +1 3 400установок architecture-diagram Cocoon AI ([email protected]), ported by Hermes Agent скилл Рисует SVG-диаграммы архитектуры систем и облачной инфраструктуры в виде HTML-файла с тёмной темой. Не требует API-ключей и внешних зависимостей — только браузер. Claude Code CX Codex Cursor +1 491установок extract-design Manavarya09 скилл Скилл анализирует сайт по URL и собирает его дизайн-систему в файлы для разработки и дизайна. Пригодится, когда нужно перенести цвета, шрифты и другие решения сайта в проект. Claude Code CX Codex Cursor +1 2 900установок co-op-game-intro-generator MiniMax-AI скилл Скилл создаёт вступительный ролик совместной игры для двоих. Он собирает меню, подгоняет персонажей под выбранный стиль и готовит промпты для MiniMax H3. Claude Code CX Codex Cursor +1 3 300установок remotion calesthio скилл Скилл для вёрстки видео в Remotion с библиотекой переходов и правилами сборки сцен при 30 кадрах в секунду. Claude Code CX Codex Cursor +1 1 200установок dfm earthtojake скилл Проверяет детали на технологичность для гибки листового металла, обработки на ЧПУ и литья пластмасс под давлением. Помогает найти ошибки до отправки на производство. Claude Code CX Codex Cursor +1 2 000установок uizze-ui UIZZE скилл Направляет агента при вёрстке интерфейсов, исправлении сетки и проверке состояний экрана. Пригодится, когда нужно доработать дизайн компонентов без выдумывания логики бэкенда. Claude Code CX Codex Cursor +1 144 000установок plan-design-review garrytan скилл Скилл для дизайн-ревью планов и черновиков перед началом разработки. Находит пробелы в UX и интерфейсных решениях и сразу вносит правки в план. Claude Code CX Codex Cursor +1 474установок napkin официальный github скилл Открывает в браузере доску для набросков и стикеров, а затем помогает Copilot прочитать её. Пригодится, когда удобнее объяснить идею схемой, чем текстом. GitHub Copilot 2 200установок ai-image-generation prime-skills скилл Скилл создаёт изображения по тексту и редактирует их через RunComfy CLI. Он выбирает модель по задаче: например, для точного текста на постере или фотореалистичного портрета. Claude Code CX Codex Cursor +1 382 600установок ui tw93 скилл Скилл помогает собирать и дорабатывать интерфейсы с выразительной визуальной системой и проверкой по скриншотам. Нужен для страниц, компонентов и типографики. Claude Code CX Codex Cursor +1 4 300установок