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

material-ui-tailwind mui скилл Скилл помогает настроить Material UI вместе с Tailwind CSS и разобраться с порядком CSS-слоёв, классами компонентов и миграцией с Tailwind v3. Claude Code CX Codex Cursor +1 364установок image-inpainting prime-skills скилл Локально редактирует участки изображений по маске через утилиту runcomfy. Вырезает объекты, убирает водяные знаки или заменяет фон по текстовому описанию. Claude Code CX Codex Cursor +1 377 200установок image-outpainting prime-skills скилл Расширяет холст готового изображения через runcomfy, меняет соотношение сторон и дорисовывает окружение, сохраняя исходную сцену. Claude Code CX Codex Cursor +1 376 300установок frontend-design sickn33 скилл Учит агента создавать запоминающийся интерфейс вместо шаблонных макетов: выбирает эстетику, проверяет доступность и пишет чистый код. Claude Code CX Codex Cursor +1 2 600установок manim-video SHL0MS, Hermes Agent скилл Создаёт план и Python-сценарий для математических, алгоритмических и технических анимаций в Manim CE. Пригодится для объясняющих видео. Claude Code CX Codex Cursor +1 455установок design-guide paperclipai скилл Скилл задаёт правила Paperclip для UI-компонентов, токенов, типографики и статусов. Пригодится при создании страниц и изменении фронтенда. Claude Code CX Codex Cursor +1 362установок hairline-create lucasmarkes скилл Генерирует интерактивную изометрическую векторную фигуру в стиле движка Hairline и упаковывает её в один автономный HTML-файл. Claude Code CX Codex Cursor +1 5 000установок lottie-bodymovin calesthio скилл Помогает переносить 12 принципов диснеевской анимации в векторные Lottie-ролики. Связывает формулы After Effects с управлением через JavaScript. Claude Code CX Codex Cursor +1 1 100установок remotion-best-practices vercel-labs скилл Скилл подсказывает агенту, как работать с Remotion в React: от анимации и звука до композиций и параметров видео. Пригодится, когда агент пишет или меняет код Remotion. Claude Code CX Codex Cursor +1 1 500установок baoyu-infographic 宝玉 (JimLiu) скилл Скилл генерирует инфографики, комбинируя 21 layout с 21 стилем. Загрузишь текст, данные или ссылку — получишь визуальную схему с нужной структурой и оформлением. Claude Code CX Codex Cursor +1 440установок api-designer https://github.com/Jeffallan скилл Скилл для архитектуры REST и GraphQL API с генерацией OpenAPI 3.1 спецификаций. Помогает моделировать ресурсы, планировать версионирование и задавать стандарты обработки ошибок. Claude Code CX Codex Cursor +1 6 500установок ascii-video SHL0MS, Hermes Agent скилл Конвертирует видео, аудио и изображения в цветные ASCII-видео (MP4, GIF). Поддерживает реактивную визуализацию под музыку, генеративную анимацию и наложение текста. Claude Code CX Codex Cursor +1 435установок startup-canvas phuryn скилл Скилл генерирует Startup Canvas — шаблон для новых продуктов, который разделяет стратегию (9 секций) и бизнес-модель (затраты и доход). Используй, когда запускаешь продукт или оцениваешь идею стартапа. Claude Code CX Codex Cursor +1 3 200установок frontend-dev MiniMax-AI скилл Скилл проектирует страницы с анимациями, медиафайлами от MiniMax и готовым текстом. Помогает собирать промо-сайты, витрины и дашборды. Claude Code CX Codex Cursor +1 3 200установок excalidraw Hermes Agent скилл Скилл создаёт файлы .excalidraw с архитектурными схемами, блок-схемами и диаграммами последовательностей. Пригодится, когда нужно описать структуру проекта или ход процесса. Claude Code CX Codex Cursor +1 412установок customer-journey-map phuryn скилл Строит карту пути клиента от первого знакомства до рекомендации: этапы, точки контакта, эмоции, проблемы и идеи улучшений. Пригодится для анализа опыта и онбординга. Claude Code CX Codex Cursor +1 3 100установок gpui-kit-design-guides longbridge скилл Скилл передаёт агенту обязательные правила дизайна десктопных приложений на GPUI Kit. Пригодится при проектировании новых экранов, правке интерфейсов и проверке вёрстки по чек-листам. Claude Code CX Codex Cursor +1 959установок threejs-postprocessing calesthio скилл Скилл помогает агенту добавлять в Three.js постобработку: свечение, размытие, глубину резкости и экранные эффекты. Пригодится для настройки визуального пайплайна. Claude Code CX Codex Cursor +1 1 000установок flux-best-practices Black Forest Labs скилл Набор правил генерации промптов для моделей FLUX.1 и FLUX.2. Помогает составить описания сцен, настроить типографику и передать точные оттенки. Claude Code CX Codex Cursor +1 1 000установок sketch Hermes Agent (adapted from gsd-build/get-shit-done) скилл Создаёт 2–3 HTML-варианта интерфейса, чтобы сравнить дизайн-направления до того, как начнёшь строить продакшн-код. Claude Code CX Codex Cursor +1 402установок user-personas phuryn скилл Скилл синтезирует данные опросов или интервью в три профиля пользователей с JTBD, болями и метриками успеха. Пригодится продакт-менеджерам перед запуском фич. Claude Code CX Codex Cursor +1 3 000установок brainstorm-ideas-existing phuryn скилл Скилл для мозгового штурма идей существующего продукта с позиций PM, дизайнера и инженера. Пригодится, когда нужно генерировать фичи, решать выявленные возможности или работать в составе product trio. Claude Code CX Codex Cursor +1 3 000установок logo-generator op7418 скилл Создаёт SVG-логотипы с минимум шестью вариантами дизайна и формирует презентационные изображения с 12 профессиональными фонами через Gemini API. Claude Code CX Codex Cursor +1 3 900установок superdesign superdesigndev скилл Создаёт и дорабатывает интерфейсы, презентации и графику на холсте Superdesign. Пригодится для новых макетов и сравнения вариантов от разных моделей. Claude Code CX Codex Cursor +1 11 200установок brainstorm-experiments-existing phuryn скилл Скилл помогает спланировать эксперименты для проверки предположений о существующем продукте. Используй для валидации гипотез перед разработкой: прототипы, A/B-тесты, спайки и макеты. Claude Code CX Codex Cursor +1 2 800установок appllama-app-design-skill Appllama (appllama.io) скилл Скилл для создания нативных мобильных интерфейсов под iOS и Android на Expo и React Native. Помогает проектировать экраны, потоки, анимацию и навигацию по стандартам Apple HIG и Material Design, с верификацией в симуляторе. Claude Code CX Codex Cursor +1 4 700установок ai-image-generation 101-skills скилл Создаёт и редактирует изображения через belt с выбором модели. Пригодится для иллюстраций, макетов и обработки готовых картинок. Claude Code CX Codex Cursor +1 861 200установок scroll-experience sickn33 скилл Скилл помогает проектировать скролл-анимации, параллакс и интерактивное повествование для веб-страниц. Пригодится для сцен, которые раскрываются при прокрутке. Claude Code CX Codex Cursor +1 2 000установок vision-analysis MiniMax-AI скилл Описывает картинки, вытаскивает текст и разбирает интерфейсы через инструмент MiniMax. Пригодится, когда агенту нужно понять, что на скриншоте или макете. Claude Code CX Codex Cursor +1 2 700установок brand-extract nexu-io скилл Извлекает дизайн-систему с открытого сайта через встроенный браузер. Формирует палитру, шрифты, логотипы и готовит файл brand.json для проекта. Claude Code CX Codex Cursor +1 1 100установок state-machine jakubkrehel скилл Создаёт временную страницу со всеми достижимыми состояниями одного компонента, мок-данными и переключателем. Нужен для правки визуальных состояний без изменений в самом компоненте. Claude Code CX Codex Cursor +1 3 500установок build-design jakubkrehel скилл Переносит интерфейс из Figma или скриншота в код проекта. Подбирает существующие токены и компоненты вместо вёрстки с нуля. Claude Code CX Codex Cursor +1 3 400установок infographics K-Dense-AI скилл Собирает инфографику из ваших данных или после быстрого поиска в Perplexity Sonar, а потом сам проверяет картинку по порогу качества. Пригодится, когда нужен PNG для отчёта или презентации. Claude Code CX Codex Cursor +1 2 000установок generate-image K-Dense-AI скилл Генерирует и редактирует изображения через OpenRouter Image API в моделях Gemini, Recraft и Seedream. Пригодится для иллюстраций, логотипов и концепт-арта. Claude Code CX Codex Cursor +1 2 000установок quick-mockups civitai скилл Генерирует от 3 до 5 параллельных вариантов интерфейса в HTML. Пригодится, когда нужно быстро сравнить разные сетки и подачу для новой фичи. Claude Code CX Codex Cursor +1 1 700установок pretext Hermes Agent скилл Скилл для браузерных демо на @chenglou/pretext: текст обтекает фигуры, ломается на графемы и меряется через canvas без пересчёта страницы. Claude Code CX Codex Cursor +1 317установок pretty-mermaid imxv скилл Рендерит Mermaid-диаграммы в SVG, PNG или ASCII/Unicode без браузера. Пригодится для документации, README и терминалов. Claude Code CX Codex Cursor +1 4 500установок appllama-usage Appllama (appllama.io) скилл Направляет работу с Appllama MCP: ищет мобильные приложения, изучает их экраны и пользовательские сценарии перед разработкой интерфейса. Claude Code CX Codex Cursor +1 4 000установок ads-photoshoot AgriciDaniel скилл Генерирует рекламные варианты фото продукта по исходному кадру и профилю бренда. Помогает собрать студийные или контекстные сцены без искажения упаковки. Claude Code CX Codex Cursor +1 3 800установок ads-generate AgriciDaniel скилл Создаёт графику для платной рекламы по креативному брифу и профилю бренда через настроенный провайдер. Пригодится при подготовке промо-кампаний. Claude Code CX Codex Cursor +1 3 800установок