NeVibeCode · 498 карточек
Скиллы, плагины, субагенты, слэш-команды и mcp-серверы для задач: дизайн
Подборка для Claude Code, Codex и Cursor по теме «Дизайн»: скиллы, плагины, субагенты, слэш-команды и mcp-серверы, от популярных к нишевым.
library-curator скилл Достаёт картинки, логотипы и скриншоты из OD Library, копирует файл в проект и отдаёт относительный путь, который остаётся вписать в разметку.
Claude Code CX Codex Cursor +1
951установок
mobile-app-ui-design скилл Задаёт агенту правила проектирования экранов мобильных приложений. Помогает собирать прототипы и интерфейсные блоки с учётом сетки, типографики и зон досягаемости.
Claude Code CX Codex Cursor +1
11 500установок
html-diagram скилл Генерирует автономные интерактивные HTML-диаграммы без сторонних сервисов и сборки. Пригодится, когда нужно визуализировать топологию, состояния, таймлайн или архитектуру проекта.
Claude Code CX Codex Cursor +1
4 100установок
tailwind-design-system скилл Скилл задаёт агенту рамки работы с Tailwind: токены, варианты компонентов, адаптивные паттерны и доступность. Пригодится, когда UI в проекте разъезжается.
Claude Code CX Codex Cursor +1
1 600установок
ios-application-dev скилл Скилл-справочник по iOS-интерфейсам: UIKit, SnapKit и SwiftUI, чек-листы по вёрстке, Dynamic Type, тёмной теме и доступности.
Claude Code CX Codex Cursor +1
2 100установок
swiftui-liquid-glass
официальный скилл Скилл помогает создавать и проверять интерфейсы SwiftUI с Liquid Glass для iOS 26+. Он нужен при внедрении эффекта, ревью и проверке fallback-сценариев.
CX Codex GP ChatGPT
121установок
isometric-explainer скилл Скилл создаёт интерактивную страницу с изометрической машиной, где каждый узел визуализирует шаг процесса на базе строгой модели состояний.
Claude Code CX Codex Cursor +1
487установок
course-style скилл Задаёт правила оформления, токены цветов, шрифты и нормы понятного технического текста для проекта AI Engineering from Scratch.
Claude Code CX Codex Cursor +1
486установок
blueprint-figure скилл Создаёт статичные SVG-схемы для уроков, README и руководств. Пригодится, когда нужно объяснить устройство системы её реальными именами.
Claude Code CX Codex Cursor +1
486установок
motion-figure скилл Скилл генерирует интерактивные схемы и анимации трёх уровней: декларативные SVG на SMIL, HTML-виджеты с регуляторами и WebGL-полосы дизеринга.
Claude Code CX Codex Cursor +1
482установок
spartan скилл Помогает добавлять, собирать и стилизовать компоненты spartan/ui в Angular-проекте. Пригодится для работы со слоями Brain и Helm.
Claude Code CX Codex Cursor +1
2 200установок
html скилл Скилл собирает один самодостаточный HTML-файл со стилями и скриптами внутри: отчёт, лендинг, презентацию или калькулятор. И подсказывает, какому соседнему скиллу уступить задачу.
Claude Code CX Codex Cursor +1
3 800установок
interactive-portfolio скилл Скилл помогает спроектировать интерактивное портфолио разработчика или дизайнера с упором на конверсию посетителей. Пригодится при сборке личного сайта для поиска работы или клиентов.
Claude Code CX Codex Cursor +1
1 500установок
gif-sticker-maker скилл Скилл конвертирует фотографию в 4 анимированных GIF-стикера в стиле Funko Pop с подписями. Подойдёт, если нужны забавные стикеры с эмоциями, аватары или наборы для месседжеров.
Claude Code CX Codex Cursor +1
2 000установок
chat-motion-overlay скилл Создаёт анимированные сцены переписки из текста или скриншота и готовит их для рендера в Remotion. Нужен для роликов с пузырями сообщений и прозрачных наложений.
Claude Code CX Codex Cursor +1
820установок
design-taste-frontend скилл Скилл для лендингов, портфолио и редизайнов. Агент читает бриф, подбирает дизайн-систему и собирает интерфейс без AI-шаблонов.
Claude Code CX Codex Cursor +1
808установок
multi-agent-brainstorming скилл Задаёт последовательное дизайн-ревью с ролями автора, критиков и арбитра. Нужен, чтобы проверить допущения и возражения до перехода к реализации.
Claude Code CX Codex Cursor +1
1 400установок
landing-page-design скилл Система для проектирования целевых страниц: структура, копирайтинг, визуальные правила. Используй перед тем, как выбирать шрифты, отступы, цвета или писать заголовки.
Claude Code CX Codex Cursor +1
1 700установок
kumo-design скилл Гайд по дизайну интерфейсов Cloudflare: задаёт правила вёрстки для Kumo UI, модальных окон, карточек и типографики в панели управления.
Claude Code CX Codex Cursor +1
1 500установок
game-ui-ux скилл Архитектурный скилл для создания адаптивных игровых интерфейсов, стека экранов и навигации с геймпада без покадрового опроса состояния.
Claude Code CX Codex Cursor +1
9 200установок
visual-verdict скилл Скилл сравнивает полученный скриншот интерфейса с референсными изображениями и возвращает JSON-вердикт для следующей итерации правок.
Claude Code CX Codex Cursor +1
890установок
radix-ui-design-system скилл Скилл помогает создавать дизайн-системы и доступные интерфейсные компоненты на базе примитивов Radix UI без готовых стилей.
Claude Code CX Codex Cursor +1
1 300установок
refero-design скилл Задаёт исследовательский процесс для UI и продуктового дизайна: сначала референсы, затем код. Пригодится для лендингов, экранов, редизайна и полировки интерфейса.
Claude Code CX Codex Cursor +1
11 900установок
preline-theme-generator скилл Генерирует CSS-темы для Preline UI из цветов бренда или настроения. Работает через локальные скрипты — не требует сети после установки.
Claude Code CX Codex Cursor +1
1 300установок
image скилл Превращает JSON-спецификации в SVG и PNG через Satori. Пригодится для OG-картинок, социальных карточек и рендера изображений по схемам от ИИ.
Claude Code CX Codex Cursor +1
1 500установок
material-3 скилл Ведёт ИИ-агента по Material Design 3: динамический цвет, компоненты Jetpack Compose, адаптивная раскладка. Нужен, когда экран должен выглядеть как MD3, а не как что-то похожее.
Claude Code CX Codex Cursor +1
3 200установок
pinned-comment скилл Готовит закреплённый комментарий для LinkedIn и промпт для изображения в голосе автора. Нужен, когда посту требуется спокойная самоироничная подпись.
Claude Code CX Codex Cursor +1
1 300установок
pptx-visual-assets скилл Вставляет проверенные изображения, иконки и SVG в редактируемые презентации PPTX с фиксацией прав и точных координат в дюймах.
Claude Code CX Codex Cursor
2 600установок
image-to-ui скилл Превратите скриншот, макет или эскиз в рабочий код интерфейса. Скилл смотрит на изображение, воспроизводит его точно в коде, затем рендерит и сравнивает, чтобы исправить различия.
Claude Code CX Codex Cursor +1
63 500установок
userinterface-wiki скилл Справочник из 152 правил UI/UX для веб-интерфейсов. Скилл проверяет анимации, типографику, аудиофидбэк и паттерны UX, выдаёт ошибки с привязкой к строкам кода.
Claude Code CX Codex Cursor +1
4 500установок
anti-ui-slop
официальный скилл Скилл помогает агенту собирать интерфейсы под конкретный продукт, а не шаблонный UI. Пригодится для разработки, редизайна и проверки web- или iOS-экранов.
GitHub Copilot
967установок
kill-ai-slop скилл Скилл находит и убирает визуальные и текстовые штампы, из-за которых сайт выглядит сгенерированным. Пригодится, когда лендинг или интерфейс кажется шаблонным и хочется человеческого вида.
Claude Code CX Codex Cursor +1
3 200установок
pptx-reference-deck-analysis скилл Разбирает PPTX в режиме чтения: структуру, тему, типографику, макеты и OOXML. Пригодится перед созданием новой презентации по референсу.
Claude Code CX Codex Cursor
2 500установок
pptx-deck-context скилл Готовит структуру презентации, фиксирует источники фактов и правила оформления перед генерацией слайдов.
Claude Code CX Codex Cursor
2 500установок
visual-explainer скилл Генерирует автономные HTML-страницы со схемами, архитектурными обзорами и анимацией процессов. Пригодится для наглядного разбора кода и технических планов.
Claude Code CX Codex Cursor +1
748установок
frontend-ui-dark-ts скилл Скилл помогает создавать тёмные интерфейсы на React, Tailwind CSS и Framer Motion. Пригодится для дашбордов и панелей управления.
Claude Code CX Codex Cursor +1
1 100установок
scroll-craft скилл Скилл планирует и собирает прокручиваемый лендинг: интервью, порядок секций, эмоциональный пик, объёмный hero и проверка скриншотами.
Claude Code CX Codex Cursor +1
1 200установок
cli-anything-drawio скилл Обёртка над Draw.io для командной строки: скилл даёт агенту команды, чтобы собирать схему по шагам и выгружать её в PNG, PDF или SVG.
Claude Code CX Codex Cursor +1
666установок
api-design-principles скилл Скилл для проектирования REST и GraphQL API с нуля: как выстроить архитектуру, версионирование, обработку ошибок и аутентификацию так, чтобы разработчикам было удобно её использовать.
Claude Code CX Codex Cursor +1
1 000установок
ux-heuristics скилл Скилл проводит эвристический аудит интерфейса: находит места, где пользователь тормозит, ставит оценку серьёзности каждой находке и говорит, что править.
Claude Code CX Codex Cursor +1
9 300установок
361–400 из 498