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

frontend-ui-engineering addyosmani скилл Задаёт ИИ-агенту правила верстки интерфейсов без типичных нейросетевых клише: фиолетовых кнопок, случайных градиентов и скруглений rounded-2xl. Помогает собирать компоненты по WCAG 2.1 AA. Claude Code CX Codex Cursor +1 66 600установок api-and-interface-design addyosmani скилл Помогает проектировать API и границы модулей так, чтобы их было проще использовать и менять. Подходит для REST, GraphQL и публичных интерфейсов. Claude Code CX Codex Cursor +1 61 900установок ppt-master hugohe3 скилл Скилл создаёт и редактирует презентации PPTX, восстанавливает визуал слайдов и заполняет нативные шаблоны. Подойдёт для рабочих презентаций и учебных материалов. Claude Code CX Codex Cursor +1 19 700установок image coreyhaines31 скилл Скилл для маркетинговых изображений: генерация через ИИ, правка готовых картинок, подбор инструмента и оптимизация под веб. Claude Code CX Codex Cursor +1 86 800установок paywalls coreyhaines31 скилл Скилл помогает продумывать экраны апгрейда и ограничения платных функций внутри продукта. Пригодится, если нужно предложить переход на платный план после того, как пользователь уже получил пользу. Claude Code CX Codex Cursor +1 70 100установок popups coreyhaines31 скилл Скилл помогает проектировать конвертящие попапы, баннеры и оверлеи без назойливости для пользователей. Claude Code CX Codex Cursor +1 70 000установок remotion-create remotion-dev скилл Скилл создаёт новый проект Remotion и помогает подготовить видеокомпозицию. Подойдёт, когда видео нужно собирать из React-разметки. Claude Code CX Codex Cursor +1 208 800установок remotion-markup remotion-dev скилл Скилл задаёт правила написания React-разметки для Remotion: анимации через кадры, работа с медиа и эффектами. Пригодится, если вы собираете видео кодом. Claude Code CX Codex Cursor +1 202 600установок gsap-core greensock скилл Скилл объясняет и пишет базовые GSAP-анимации для DOM и SVG. Подойдёт для tweens, easing, stagger и адаптации к reduced motion. Claude Code CX Codex Cursor +1 74 600установок gsap-scrolltrigger greensock скилл Обучает ИИ-агента писать анимации по скроллу с плагином ScrollTrigger от GreenSock: закреплять секции и связывать таймлайны с прокруткой через scrub. Claude Code CX Codex Cursor +1 71 600установок gsap-timeline greensock скилл Скилл помогает собирать последовательности GSAP-анимаций, управлять таймингом и воспроизведением. Нужен для многошаговых и параллельных сцен. Claude Code CX Codex Cursor +1 68 500установок gsap-react greensock скилл Скилл подсказывает, как создавать анимации GSAP в React и Next.js, ограничивать их область действия и очищать при размонтировании компонента. Claude Code CX Codex Cursor +1 65 800установок remotion-studio remotion-dev скилл Скилл запускает Remotion Studio и открывает предпросмотр видео. Подойдёт, если вы хотите видеть композицию и проверять изменения прямо во время работы. Claude Code CX Codex Cursor +1 172 100установок animation-performance emilkowalski скилл Диагностический скилл, который ищет причину пропущенных кадров в веб-анимациях и подсказывает, какой свойство анимировать вместо дорогого. Claude Code CX Codex Cursor +1 34 700установок gsap-utils greensock скилл Скилл помогает агенту работать с утилитами gsap.utils: диапазонами, случайными значениями, привязкой к шагу и коллекциями. Пригодится для анимаций на GSAP. Claude Code CX Codex Cursor +1 64 700установок gifgrep openclaw скилл Поиск гифок в Tenor и Giphy прямо из терминала, скачивание файлов и нарезка раскадровок в PNG для документации или пулреквестов. Claude Code CX Codex Cursor +1 5 200установок baoyu-image-gen JimLiu скилл Генерация картинок через API OpenAI, Google, DashScope и других сервисов из агента. Подходит для отрисовки по референсам и параллельной пакетной генерации. Claude Code CX Codex Cursor +1 33 600установок excalidraw-diagram-generator официальный github скилл Скилл превращает описание на обычном языке в диаграмму Excalidraw. Подойдёт, когда нужно показать процесс, связи между объектами или устройство системы. GitHub Copilot 31 639установок tailwind-design-system Seth Hobson скилл Помогает строить дизайн-системы на Tailwind CSS v4. Пригодится для библиотеки компонентов или унификации интерфейса в проекте. Claude Code CX Codex Cursor 70 180установок frontend-patterns affaan-m скилл Скилл подсказывает паттерны для React и Next.js: компоненты, состояние, загрузка данных и производительность. Нужен при разработке и ревью интерфейса. Claude Code CX Codex Cursor +1 5 900установок playground официальный Anthropic скилл Создаёт интерактивные HTML-песочницы с настройками, предпросмотром и готовым промптом. Подходит для визуального изучения темы или сборки небольшого инструмента. Claude Code 7 967установок frontend-slides affaan-m скилл Скилл создаёт анимационные HTML-презентации с нуля и преобразует PPT/PPTX в веб-слайды. Подойдёт для докладов, питчей и внутренних презентаций. Claude Code CX Codex Cursor +1 5 400установок frontend-design-direction affaan-m скилл Скилл задаёт направление для веб-интерфейсов: помогает продумать и проверить визуальную иерархию, состояния, адаптивность и доступность. Claude Code CX Codex Cursor +1 5 300установок frontend-developer VoltAgent Community субагент Субагент помогает собирать фронтенд-приложения на React, Vue и Angular, связывая код с текущей архитектурой проекта. Подойдёт для крупных UI-задач. Claude Code 40 905установок blender-motion-state-inspection affaan-m скилл Помогает проверить персонажей и анимацию в Blender по реальным координатам костей, когда обычных скриншотов недостаточно. Claude Code CX Codex Cursor +1 4 900установок brand-landingpage Travis D. Elliott скилл Скилл проводит интервью о продукте и визуальном стиле, затем помогает создать лендинг через Stitch. Подойдёт, если у проекта пока нет готового дизайна. Claude Code CX Codex Cursor 39 476установок web-design-reviewer официальный github скилл Скилл осматривает работающий сайт, находит проблемы с вёрсткой, адаптивностью и доступностью, а затем может исправить их в исходном коде. Подойдёт, когда нужно проверить интерфейс и довести исправления до повторной проверки. GitHub Copilot 13 957установок penpot-uiux-design официальный github скилл Скилл для создания интерфейсов в Penpot через MCP-инструменты: веб, мобайл, дашборды, дизайн-системы. Работает с API Penpot напрямую из редактора кода. GitHub Copilot 12 782установок ui-ux-designer Seth Hobson субагент Субагент помогает проектировать интерфейсы, вайрфреймы и дизайн-системы с учётом исследований пользователей и доступности. Подойдёт для UX-задач в Claude Code, Codex и Cursor. Claude Code CX Codex Cursor 27 069установок nano-banana-pro-openrouter официальный github скилл Создаёт и редактирует изображения через OpenRouter и модель Gemini 3 Pro Image. Подходит для генерации по тексту, правок файла и композиции нескольких изображений. GitHub Copilot 9 910установок plantuml-ascii официальный github скилл Создаёт текстовые диаграммы PlantUML для терминала, README и документации без изображений. Подходит, когда схему нужно хранить рядом с кодом. GitHub Copilot 9 740установок image-manipulation-image-magick официальный github скилл Обрабатывает изображения через ImageMagick: меняет размеры, конвертирует форматы и читает метаданные. Пригодится для миниатюр и пакетной обработки. GitHub Copilot 9 723установок mobile-android-design Seth Hobson скилл Скилл помогает проектировать нативные Android-интерфейсы на Material Design 3 и Jetpack Compose. Подойдёт для экранов, навигации и адаптивных раскладок. Claude Code CX Codex Cursor 24 847установок power-bi-report-design-consultation официальный github скилл Скилл помогает спроектировать Power BI-отчёт: выбрать визуализации, продумать структуру страниц и учесть аудиторию. Пригодится, когда отчёт должен поддерживать конкретные решения. GitHub Copilot 9 390установок mobile-ios-design Seth Hobson скилл Помогает проектировать нативные интерфейсы iOS и писать SwiftUI-вью по Apple HIG. Пригодится для экранов, навигации и адаптивной вёрстки. Claude Code CX Codex Cursor 23 659установок fluentui-blazor официальный github скилл Скилл подсказывает, как подключать Microsoft Fluent UI Blazor и собирать интерфейсы из Fluent-компонентов. Нужен при разработке и отладке Blazor-приложений. GitHub Copilot 9 000установок legacy-circuit-mockups официальный github скилл Создаёт макеты схем на макетной плате с помощью HTML5 Canvas. Пригодится, когда нужно показать расположение компонентов и проводов в проекте по электронике. GitHub Copilot 8 900установок responsive-design Seth Hobson скилл Помогает строить адаптивные интерфейсы с mobile-first стилями, container queries и fluid-значениями. Нужен для компонентов и страниц, которые меняются вместе с доступным местом. Claude Code CX Codex Cursor 20 956установок interaction-design Seth Hobson скилл Скилл помогает проектировать микровзаимодействия, переходы и состояния обратной связи. Подойдёт для полировки интерфейса и загрузочных экранов. Claude Code CX Codex Cursor 16 146установок kpi-dashboard-design Seth Hobson скилл Скилл помогает проектировать KPI-дашборды, выбирать метрики и разбирать противоречия в расчётах. Подойдёт для SaaS, операций и анализа когорт. Claude Code CX Codex Cursor 16 141установок