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

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

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

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

401–440 из 498

Ещё в NeVibeCode

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

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