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

orbit-card heygen-com скилл Скилл для встраивания готового 10-секундного 3D-блока HyperFrames: карточка фичи облетает сферу из точек по траектории камеры из Blender. Claude Code CX Codex Cursor +1 9 800установок wireframe-portal-title heygen-com скилл Скилл создаёт анимированный 3D-заголовок с эффектом портала и заменой фразы. Пригодится для блоков HyperFrames с настраиваемым текстом и цветом. Claude Code CX Codex Cursor +1 9 800установок canopy-part-title heygen-com скилл Блок HyperFrames, в котором плотный слой листьев пролетает через кадр, расходится и открывает заголовок. Пригодится, когда нужна готовая анимированная плашка с двумя строками текста. Claude Code CX Codex Cursor +1 9 800установок code-slice-hero heygen-com скилл Анимирует смену заголовка сеткой плиток с переворотом ячеек через WebGL 2 и Canvas 2D. Пригодится для сборки витрин и заставок с хронометражем 8 s в разрешении 1920×1080. Claude Code CX Codex Cursor +1 9 800установок glass-shard-title heygen-com скилл Собирает заголовок из осколков стекла: они летят сквозь туман, поворачиваются и складываются в буквы. Готовый блок HyperFrames 1920×1080 на 12.16 с. Claude Code CX Codex Cursor +1 9 800установок cuboid-carousel heygen-com скилл Скилл собирает 3D-карусель из скруглённых параллелепипедов с контентом: они влетают справа, едут волной и уходят влево. Пригодится для промо-роликов и титров. Claude Code CX Codex Cursor +1 9 800установок kami tw93 скилл Скилл вёрстки документов по шаблонам Kami: резюме, одностраничники, письма, портфолио, слайды и лендинги. Пригодится, когда нужен аккуратный PDF из готового макета. Claude Code CX Codex Cursor +1 13 300установок data-visualization официальный anthropics скилл Подбирает подходящие типы графиков под структуру данных и генерирует код на Python с matplotlib, seaborn и plotly. Пригодится при подготовке отчётов. Claude Code CX Codex Cursor +1 13 700установок nuxt-ui nuxt скилл Помогает агенту собирать интерфейсы на базе @nuxt/ui v4, настраивать темы Tailwind CSS и правильно выбирать компоненты библиотеки. Claude Code CX Codex Cursor +1 19 700установок bmad-agent-ux-designer bmad-code-org скилл Подключает к проекту субагента Sally для проектирования пользовательского опыта и подготовки UX-спецификаций. Пригодится при детальной проработке интерфейсов перед написанием кода. Claude Code CX Codex Cursor +1 11 600установок bmad-ux bmad-code-org скилл Фиксирует видение интерфейса в файлах DESIGN.md и EXPERIENCE.md. Помогает спроектировать внешний вид и логику поведения системы без навязывания готовых шаблонов. Claude Code CX Codex Cursor +1 11 400установок frontend-patterns affaan-m скилл Скилл подсказывает паттерны для React и Next.js: компоненты, состояние, загрузка данных и производительность. Нужен при разработке и ревью интерфейса. Claude Code CX Codex Cursor +1 5 900установок imagegen официальный openai скилл Скилл создаёт и редактирует растровые изображения: иллюстрации, текстуры, спрайты и мокапы. Нужен, когда результатом должен стать bitmap-файл. Claude Code CX Codex Cursor +1 5 700установок playground официальный Anthropic скилл Создаёт интерактивные HTML-песочницы с настройками, предпросмотром и готовым промптом. Подходит для визуального изучения темы или сборки небольшого инструмента. Claude Code 7 967установок app-store-screenshots ParthJadhav скилл Собирает редактор на Next.js и ShadCN, в котором вы верстаете и выгружаете скриншоты для App Store и Google Play. Claude Code CX Codex Cursor +1 14 900установок better-ui jakubkrehel скилл Скилл задаёт точные правила для радиусов, теней, иконок и анимаций интерфейса. Пригодится, когда базовые взаимодействия уже работают и нужна визуальная доводка. Claude Code CX Codex Cursor +1 38 900установок gpt-image-2-style-library freestylefly скилл Скилл превращает пользовательские идеи в готовые промпты для GPT-Image2 на основе библиотеки стилей awesome-gpt-image-2. Помогает сформировать композицию, теги и негативные ограничения. Claude Code CX Codex Cursor +1 4 000установок frontend-slides affaan-m скилл Скилл создаёт анимационные HTML-презентации с нуля и преобразует PPT/PPTX в веб-слайды. Подойдёт для докладов, питчей и внутренних презентаций. Claude Code CX Codex Cursor +1 5 400установок web-design-engineer ConardLi скилл Скилл настраивает агента на вёрстку веб-интерфейсов на HTML, CSS, JavaScript и React: дашбордов, прототипов и анимаций. Пригодится, когда нужен качественный визуальный фронтенд. Claude Code CX Codex Cursor +1 8 700установок frontend-design-direction affaan-m скилл Скилл задаёт направление для веб-интерфейсов: помогает продумать и проверить визуальную иерархию, состояния, адаптивность и доступность. Claude Code CX Codex Cursor +1 5 300установок liquid-glass-design affaan-m скилл Скилл для Claude и других ИИ-редакторов: подсказывает агенту, как собрать интерфейс в стиле Liquid Glass из iOS 26. Пригодится, если вы пишете SwiftUI, UIKit или WidgetKit под iOS 26+. Claude Code CX Codex Cursor +1 5 200установок stitch::generate-design официальный google-labs-code скилл Скилл превращает текстовое описание или картинку в готовый экран интерфейса через Stitch MCP, а потом правит его точечными промптами. Claude Code CX Codex Cursor +1 10 700установок stitch::extract-design-md официальный google-labs-code скилл Извлекает дизайн-систему в файл DESIGN.md прямо из исходников фронтенда без сборки проекта. Помогает перенести визуальные токены и правила вёрстки в формат Stitch. Claude Code CX Codex Cursor +1 10 500установок blender-motion-state-inspection affaan-m скилл Помогает проверить персонажей и анимацию в Blender по реальным координатам костей, когда обычных скриншотов недостаточно. Claude Code CX Codex Cursor +1 4 900установок design-system affaan-m скилл Собирает дизайн-систему из существующей вёрстки или проверяет её на визуальную консистентность: токены, оценка по десяти критериям, поиск шаблонных ИИ-приёмов. Claude Code CX Codex Cursor +1 4 900установок better-typography jakubkrehel скилл Проверяет типографику интерфейса и предлагает правки в системе стилей проекта. Пригодится, когда нужно привести текст, переносы и пунктуацию к правилам дизайна. Claude Code CX Codex Cursor +1 33 800установок remotion-video-creation affaan-m скилл Скилл подсказывает агенту правила работы с Remotion в React: от анимаций и звука до субтитров, графиков и переходов. Пригодится при сборке видео из React-компонентов. Claude Code CX Codex Cursor +1 4 800установок stitch::manage-design-system официальный google-labs-code скилл Управляет дизайн-системой Stitch через MCP-инструменты: извлекает данные экранов, создаёт токены и применяет их к выбранным экранам. Claude Code CX Codex Cursor +1 10 200установок stitch::code-to-design официальный google-labs-code скилл Переносит существующий фронтенд в Stitch: извлекает HTML и дизайн-систему, затем загружает их в проект. Пригодится для работы с уже готовыми страницами и компонентами. Claude Code CX Codex Cursor +1 10 100установок baseline-ui ibelick скилл Очищает фронтенд-код от типичных артефактов нейросетей: правит отступы, сетку, шрифты и анимации. Пригодится для быстрой полировки интерфейса перед релизом. Claude Code CX Codex Cursor +1 24 100установок baoyu-diagram JimLiu скилл Генерирует архитектурные схемы, блок-схемы и таймлайны в виде автономных тёмных SVG-файлов со встроенными стилями прямо в диалоге с агентом. Claude Code CX Codex Cursor +1 15 300установок brand-landingpage Travis D. Elliott скилл Скилл проводит интервью о продукте и визуальном стиле, затем помогает создать лендинг через Stitch. Подойдёт, если у проекта пока нет готового дизайна. Claude Code CX Codex Cursor 39 476установок stitch::upload-to-stitch официальный google-labs-code скилл Скилл отправляет локальные изображения, макеты, разметку и HTML-страницы в проект Stitch напрямую по HTTP в обход ограничений вывода инструментов MCP. Claude Code CX Codex Cursor +1 9 900установок stitch::extract-static-html официальный google-labs-code скилл Скилл сохраняет отрендеренную страницу как автономный HTML-файл, встраивая стили и изображения. Пригодится для передачи статичного экрана или подготовки страницы к загрузке в Stitch. Claude Code CX Codex Cursor +1 9 900установок motion-advanced jeff скилл Паттерны сложной анимации и жестов для React и Next.js: драг-энд-дроп, цепочки через useAnimate и SVG. Помогает настроить физику интерфейса без лишних рендеров. Claude Code CX Codex Cursor +1 4 600установок manim-video affaan-m скилл Собирает технические объясняющие ролики в Manim: графики, схемы систем и продуктовые walkthrough. Подходит, когда нужна точная анимация вместо talking-head сценария. Claude Code CX Codex Cursor +1 4 600установок make-interfaces-feel-better affaan-m скилл Скилл помогает находить и исправлять детали интерфейса: отступы, типографику, состояния элементов и анимации. Подходит для UI-ревью и доработки компонентов. Claude Code CX Codex Cursor +1 4 600установок motion-patterns jeff скилл Скилл добавляет готовые паттерны анимации для React и Next.js. Подойдёт, когда нужно оформить кнопку, модальное окно, toast, переход страницы или scroll-reveal. Claude Code CX Codex Cursor +1 4 600установок better-colors jakubkrehel скилл Скилл проверяет палитры и строит систему цветовых токенов. Он нужен, когда в коде накопились случайные hex-значения, а контраст текста никто не считал. Claude Code CX Codex Cursor +1 32 200установок ppt-generation bytedance скилл Генерирует слайды для презентаций в формате PPTX через создание картинок к каждому экрану. Пригодится, когда нужно быстро собрать визуальный доклад с единым оформлением. Claude Code CX Codex Cursor +1 5 200установок