NeVibeCode · 498 карточек
Скиллы, плагины, субагенты, слэш-команды и mcp-серверы для задач: дизайн
Подборка для Claude Code, Codex и Cursor по теме «Дизайн»: скиллы, плагины, субагенты, слэш-команды и mcp-серверы, от популярных к нишевым.
logo-design скилл Помогает проектировать векторные логотипы, иконки и айдентику прямо в агенте: от брифа и поиска идей до аудита геометрии SVG и генерации фавиконов.
Claude Code CX Codex Cursor +1
1 000установок
ui-designer субагент Проектирует интерфейсы, собирает дизайн-системы и готовит спецификации для фронтендеров. Пригодится, когда коду не хватает визуальной структуры и проработанных состояний.
Claude Code
1 979установок
sparc-implement скилл Скилл запускает фазы проектирования SPARC: пишет псевдокод алгоритмов, определяет границы модулей и API-контракты, потом генерирует рабочий код. Нужен, если вы разрабатываете по методологии SPARC и хотите автоматизировать этап архитектуры.
Claude Code CX Codex Cursor +1
734установок
web-typography скилл Скилл помогает подобрать и настроить шрифты для веб-проекта: от выбора гарнитуры до оптимизации размера, интерлиньяжа и длины строк. Пригодится, когда нужна читаемая типография или поиск удачной пары шрифтов.
Claude Code CX Codex Cursor +1
9 200установок
libraries-dev скилл Скилл подбирает и встраивает React-компоненты визуальных эффектов Libraries.dev для интерфейсов с ИИ: от светящихся рамок до аватаров и жидкого металла.
Claude Code CX Codex Cursor +1
991установок
create-game-assets скилл Скилл ведёт визуальные ассеты игры от арт-дирекшна и манифеста до проверки альфа-канала и контактного листа. Полезен, когда спрайты и тайлсеты начинают расползаться по стилю.
Claude Code CX Codex Cursor +1
6 400установок
shadcn-svelte скилл Набор из 36 готовых компонентов на Svelte 5 и Tailwind CSS для json-render. Помогает агенту собирать интерфейсы и настраивать каталоги схем.
Claude Code CX Codex Cursor +1
1 100установок
cli-anything-gimp скилл Скилл даёт агенту интерфейс командной строки для редактирования изображений через Pillow и GIMP. Пригодится для сборки баннеров, работы со слоями и пакетного рендера графики без GUI.
Claude Code CX Codex Cursor +1
609установок
ui-designer субагент Проектирует интерфейсы, компоненты и адаптивные лейауты с учётом реализации в коде. Нужен при работе над экранами, формами, таблицами и дизайн-системой.
Claude Code CX Codex Cursor
1 979установок
photo-abstract-editorial скилл Превращает снимок в вертикальный диптих с исходным фото и абстрактной панелью. Пригодится для создания минималистичных постеров с кратким заголовком.
Claude Code CX Codex Cursor +1
737установок
cli-anything-inkscape скилл Скилл даёт агенту интерфейс командной строки для редактирования векторной графики Inkscape через JSON-проекты и манипуляции с SVG.
Claude Code CX Codex Cursor +1
599установок
qa-test-planner скилл Собирает тест-план, ручные тест-кейсы, регрессионный набор и баг-репорт по описанию фичи. Запускается только по имени: qa-test-planner.
Claude Code CX Codex Cursor +1
4 300установок
figma-create-new-file скилл Скилл ведёт агента через MCP-инструмент create_new_file: какой план и тип редактора взять, чтобы новый файл Figma появился там, где нужно.
Claude Code CX Codex Cursor +1
3 400установок
typeui-fundamentals скилл Скилл задаёт агенту базовые правила UI/UX: визуальную иерархию, 4-пиксельную сетку, типографику и требования доступности WCAG. Выручает, когда в дизайн-системе нет готового ответа.
Claude Code CX Codex Cursor +1
2 200установок
fal-assets скилл Генерирует спрайты, бесшовные текстуры, PBR-карты, 3D-модели и звуки через API fal. Пригодится разработчикам модов и инди-игр, когда в проекте не хватает арта или аудио.
Claude Code CX Codex Cursor +1
1 400установок
ios-hig-design скилл Скилл помогает проектировать нативные iOS-интерфейсы в соответствии с Human Interface Guidelines Apple. Пригодится, когда вы делаете приложение для iPhone или iPad и хотите, чтобы оно выглядело как родное для платформы.
Claude Code CX Codex Cursor +1
8 100установок
tailwind-4 скилл Скилл ведёт агента по стилизации на Tailwind CSS 4: что писать в className, когда нужен style, а когда cn(). Пригодится, если в проекте есть CSS-переменные и условные классы.
Claude Code CX Codex Cursor +1
612установок
threejs-game-ui-designer скилл Скилл для проектирования игровых интерфейсов на Three.js: HUD, меню, экраны паузы и победы, адаптивная вёрстка для мобильных и десктопа. Помогает избежать наложений, обеспечить читаемость и согласованность со стилем игры.
Claude Code CX Codex Cursor +1
3 300установок
firecrawl-website-design-clone скилл Извлекает визуальную систему действующего сайта в DESIGN.md: токены, компоненты, логотип, шрифты и палитру.
Claude Code CX Codex Cursor +1
33 100установок
goldie скилл Скилл собирает скриншоты и превью-видео для App Store и Google Play: проходит по экранам приложения на симуляторе, одевает кадры в рамки и открывает студию со страницей стора.
Claude Code CX Codex Cursor +1
1 300установок
mobile-app-developer субагент Субагент помогает создавать iOS и Android-приложения: разбирает требования, архитектуру, производительность и платформенные ограничения.
Claude Code
1 552установок
top-design скилл Скилл направляет агента на создание веб-интерфейсов уровня Awwwards с акцентной типографикой, выверенной анимацией и оценкой макета по десятибалльной шкале.
Claude Code CX Codex Cursor +1
7 100установок
hooked-ux скилл Разбирает вовлечение и удержание по Hook Model: триггер, действие, награда, инвестиция. Ставит петле оценку и отсекает манипулятивные схемы.
Claude Code CX Codex Cursor +1
6 200установок
wpds скилл Скилл подтягивает документацию WordPress Design System через MCP-сервер, чтобы агент собирал интерфейс на настоящих компонентах и токенах, а не по памяти.
Claude Code CX Codex Cursor +1
4 000установок
visual-plan скилл Превращает обычный текстовый план в документ с диаграммами, картой файлов и открытыми вопросами, который можно листать и комментировать до начала работы.
Claude Code CX Codex Cursor +1
1 300установок
videoagent-image-studio скилл Скилл даёт доступ к Midjourney, Flux, Ideogram и ещё пяти моделям через один интерфейс, без необходимости хранить API-ключи. Агент сам выбирает подходящую модель и справляется с асинхронностью Midjourney.
Claude Code CX Codex Cursor +1
5 600установок
gpt-image-2 скилл Генерирует и редактирует изображения через OpenAI GPT Image 2 на RunComfy. Точно встраивает текст, логотипы и многоязычную типографику — для e-commerce, рекламы и UI-макетов.
Claude Code CX Codex Cursor +1
83 800установок
grill-me скилл Проводит детальный опрос по архитектурному плану или дизайну, чтобы разобрать дерево решений и зафиксировать договоренности до написания кода.
Claude Code
1 157установок
drawio
официальный скилл Создаёт схемы draw.io в виде файлов .drawio и экспортирует их в PNG, SVG или PDF со встроенным XML.
GitHub Copilot
314установок
ui-design-system скилл Скилл собирает дизайн-токены, палитры, типографику и структуру компонентов. Пригодится для дизайн-системы и передачи макетов разработчикам.
Claude Code
1 076установок
ux-researcher субагент Субагент помогает планировать UX-исследования, разбирать поведение пользователей и формулировать рекомендации для дизайна. Подойдёт, когда нужно проверить решение или выяснить потребности аудитории.
Claude Code
703установок
ux-researcher-designer скилл Скилл помогает собирать персоны по данным, строить карты пути пользователя и планировать юзабилити-тесты. Подойдёт, когда нужно превратить результаты исследований в рекомендации по дизайну.
Claude Code
962установок
demo-video скилл Превращает описания сцен и скриншоты в готовые демо-ролики или GIF с озвучкой и анимацией прямо в Claude Code.
Claude Code
708установок
epic-design скилл Скилл для Claude Code, который собирает кинематографичные страницы: скролл-сторителлинг, параллакс по слоям, анимация текста. WebGL не нужен.
Claude Code
701установок
brand-guidelines скилл Помогает применять и оформлять правила бренда: цвета, типографику, логотип и тон коммуникации. Нужен при проверке макетов, текстов и создании гайдлайна.
Claude Code
696установок
apple-hig-expert скилл Проверяет интерфейсы iOS, macOS, watchOS и visionOS по Apple HIG. Пригодится для аудита макетов и проектирования нативного UI.
Claude Code
662установок
paywall-upgrade-cro скилл Скилл помогает проектировать пейволлы, экраны апгрейда и лимитов внутри продукта. Нужен для перехода пользователей с бесплатных тарифов на платные после получения ценности.
Claude Code
586установок
image-annotations
официальный скилл Рисует рамки, стрелки и подписи на скриншотах и диаграммах через PIL. Пригодится, когда в PR надо показать, что именно изменилось.
GitHub Copilot
149установок
accessibility-tester субагент Субагент проверяет доступность интерфейсов, WCAG-соответствие и поддержку ассистивных технологий. Подойдёт для аудита и исправления проблем в проекте.
Claude Code
346установок
landing скилл Собирает одностраничный лендинг в одном HTML-файле: 3D-анимации на CSS, скролл-эффекты GSAP и параллакс за курсором.
Claude Code
404установок
401–440 из 498