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

react-container-presentation-component официальный github скилл Скилл создаёт React-компонент по паттерну Container/Presentation и раскладывает файлы по соглашениям TypeScript, Storybook и SCSS. GitHub Copilot 65установок game-ui-frontend официальный OpenAI скилл Скилл помогает проектировать интерфейсы браузерных игр: HUD, меню и оверлеи. Защищает игровое поле от перекрытия панелями и настраивает блокировку ввода для 3D-камеры. CX Codex GP ChatGPT 98установок macos-golden-gate-design официальный github скилл Помогает проектировать, ревьюить и верстать нативные интерфейсы macOS 27 на SwiftUI или AppKit по правилам Liquid Glass. Пригодится, если окно приложения превратилось в веб-дашборд. GitHub Copilot 23установок liquid-glass официальный OpenAI скилл Помогает внедрить оформление Liquid Glass в приложениях на macOS SwiftUI и убрать самодельные фоны, мешающие системным материалам. CX Codex GP ChatGPT 78установок shadcn официальный Vercel Labs скилл Скилл помогает Codex работать с компонентами shadcn/ui: выбрать их, добавить в проект и настроить тему. Пригодится при сборке интерфейса на React с Tailwind CSS. CX Codex GP ChatGPT 72установок web-3d-asset-pipeline официальный OpenAI скилл Помогает подготовить GLB и glTF 2.0 для браузерной игры: от очистки модели до проверки её структуры. Пригодится, когда стек уже выбран, а ассеты нужно довести до поставки. CX Codex GP ChatGPT 58установок window-management официальный OpenAI скилл Помогает настраивать окна и сцены SwiftUI в macOS 15+: убирать лишний хром, задавать области перетаскивания, правила размещения и восстановления. CX Codex GP ChatGPT 58установок example-skills официальный anthropics плагин Набор примеров скиллов для Claude: от веб-тестов и MCP до дизайна и документов. Подойдёт, чтобы изучить структуру скилла или взять шаблон за основу. Claude Code Claude.ai ★ 183 434звёзд репо game-studio официальный OpenAI скилл Помогает выбрать стек и спланировать браузерную игру от игрового цикла до тестирования. Подходит, когда направление ещё не определено. CX Codex GP ChatGPT 50установок frontend-design-review microsoft скилл Скилл проверяет и создаёт интерфейсы с учётом дизайна, доступности и дизайн-системы. Подходит для ревью UI, PR и адаптивной вёрстки. Claude Code GitHub Copilot 237установок markdown-html-orchestrator Alireza Rezvani скилл Маршрутизирует длинные Markdown-документы, код-ревью и слайды в подходящий конвертер, который создаёт HTML-файл. Подходит, когда документ нужно читать или показывать в браузере. Claude Code 46установок figma-use официальный Figma скилл Скилл задаёт правила работы с Figma Plugin API через инструмент use_figma. Он пригодится, когда нужно менять содержимое файла или программно изучать его структуру. CX Codex GP ChatGPT 36установок figma-generate-design официальный Figma скилл Собирает или обновляет составные экраны в Figma, используя компоненты и стили дизайн-системы. Подойдёт, когда нужно перенести страницу или диалог из кода в макет. CX Codex GP ChatGPT 33установок figma-generate-library официальный Figma скилл Скилл для построения профессиональной дизайн-системы в Figma на основе кодовой базы. Создаёт переменные, компоненты с вариантами, стили типографики и теминг в правильном порядке — от токенов к готовым компонентам. CX Codex GP ChatGPT 32установок design-system Alireza Rezvani скилл Настраивает фирменный стиль и проверяет контрастность по WCAG 2.2 AA для конвертеров markdown-html. Генерирует 12 CSS-токенов перед экспортом документов, слайдов или ревью. Claude Code 33установок figma-design-to-code официальный Figma скилл Помогает перенести выбранный узел Figma в код проекта с учётом его стека и компонентов. Нужен перед вызовом get_design_context. CX Codex GP ChatGPT 30установок dashboards-and-real-time-visualization официальный OpenAI скилл Проектирует дашборды и системы живой визуализации данных. Помогает продумать стриминг, частоту обновлений, поведение при сбоях связи и нагрузку на рендер. CX Codex GP ChatGPT 29установок canva-branded-presentation официальный Canva Pty Ltd. скилл Генерирует фирменные презентации в Canva по текстовому брифу, ссылке или идентификатору дизайна. Пригодится, когда нужно быстро собрать слайды в корпоративном стиле. CX Codex GP ChatGPT 26установок data-visualization официальный OpenAI скилл Скилл направляет задачи по веб-визуализации к подходящему подходу: от выбора графика до карт, диаграмм и экспорта. Пригодится, когда нужно спроектировать или проверить визуализацию данных. CX Codex GP ChatGPT 26установок canva-translate-design официальный Canva Pty Ltd. скилл Переводит весь текст в дизайне Canva и создаёт отдельную копию. Нужен для локализации макета без правок каждого текстового блока вручную. CX Codex GP ChatGPT 25установок uml-and-software-architecture-visualization официальный OpenAI скилл Скилл помогает выбрать нотацию и формат для UML-диаграмм, схем архитектуры, процессов и данных. Подключайте его, когда нужно описать структуру или поведение системы. CX Codex GP ChatGPT 24установок visualization-strategy-and-critique официальный OpenAI скилл Выбирает форматы диаграмм, компонует дашборды и критикует визуализацию данных. Помогает продумать экран до написания кода. CX Codex GP ChatGPT 22установок figma-use-slides официальный Figma скилл Скилл учит ИИ-агента работать с презентациями Figma Slides через MCP-инструмент use_figma. Пригодится для сборки новых слайдов, вёрстки по брендбуку и точечных правок. CX Codex GP ChatGPT 21установок node-link-and-diagram-layout официальный OpenAI скилл Скилл выбирает алгоритм раскладки для графов, схем и связанных узлов. Пригодится, когда нужно убрать пересечения, наложения и хаотичное размещение. CX Codex GP ChatGPT 16установок md-slides Alireza Rezvani скилл Преобразует Markdown-колоду в однофайловую HTML-презентацию с навигацией, заметками докладчика и печатью в PDF. Нужен для слайдов, написанных в Markdown. Claude Code 15установок image-to-code официальный OpenAI скилл Переносит макеты, скриншоты и концепт-арты в интерактивный веб-интерфейс. Помогает воссоздать точный адаптивный фронтенд без ручной нарезки картинок. CX Codex GP ChatGPT 14установок design-qa официальный OpenAI скилл Скилл для сопоставления макета с реализацией перед передачей в разработку. Работает с Figma, скриншотами и URL-адресами; ловит визуальные расхождения на уровне вёрстки, типографики и состояний. CX Codex GP ChatGPT 14установок scrollytelling-and-parallax-data-visualization официальный OpenAI скилл Помогает проектировать скроллителлинг и параллакс-визуализации данных. Пригодится, когда смену кадров, графиков или слоев карты нужно привязать к прокрутке страницы. CX Codex GP ChatGPT 13установок geospatial-and-cartographic-visualization официальный OpenAI скилл Скилл помогает спроектировать карту: выбрать проекцию, подложку, тип визуализации и стек. Пригодится для тематических карт, маршрутов и пространственных данных. CX Codex GP ChatGPT 13установок d3-data-visualization официальный OpenAI скилл Скилл помогает собирать кастомные визуализации на D3: SVG- и DOM-графики, подписи, аннотации и интерактивность. Нужен для сложных браузерных диаграмм. CX Codex GP ChatGPT 13установок visualize-data официальный Data Analytics Maintainers скилл Скилл проектирует, исправляет и проверяет количественные графики. Подойдёт, когда аналитический ответ должен быть понятен по визуальному представлению данных. CX Codex GP ChatGPT 11установок audit официальный OpenAI скилл Пошагово проходит интерфейсы, сохраняет проверенные скриншоты и формирует отчёт по UX и доступности прямо в чате. CX Codex GP ChatGPT 10установок gantt-chart-visualization официальный OpenAI скилл Проектирует диаграммы Ганта, оценивает структуру расписания и подбирает стек визуализации. Помогает связать задачи, вехи и зависимости проекта. CX Codex GP ChatGPT 9установок ai-elements официальный Vercel Labs скилл Скилл подсказывает, как собирать AI-интерфейсы на React с компонентами ai-elements. Пригодится для чатов, потоковых ответов и отображения вызовов инструментов. CX Codex GP ChatGPT 7установок geist официальный Vercel Labs скилл Скилл подсказывает, как подключить Geist Sans, Geist Mono и Geist Pixel в Next.js и распределить их по интерфейсу. Пригодится, если вы настраиваете типографику проекта. CX Codex GP ChatGPT 6установок url-to-code официальный OpenAI скилл Превращает живой сайт в рабочее frontend-приложение: захватывает элементы, стили, взаимодействия и ассеты через браузер. CX Codex GP ChatGPT 6установок get-context официальный OpenAI скилл Скилл фиксирует бриф перед созданием интерфейса в Codex. Он уточняет цели продукта и не даёт генерировать код вслепую. CX Codex GP ChatGPT 6установок figma-swiftui официальный Figma скилл Переводит дизайн Figma в SwiftUI и отправляет SwiftUI обратно в Figma. Подходит для задач по интерфейсам iOS, iPhone и iPad. CX Codex GP ChatGPT 6установок figma-implement-motion официальный Figma скилл Переносит анимации и переходы из Figma в код на motion.dev или чистом CSS. Пригодится разработчикам при верстке анимированных компонентов по макету. CX Codex GP ChatGPT 6установок index официальный OpenAI скилл Скилл направляет запросы по продуктовому дизайну к подходящему рабочему процессу. Он пригодится, когда нужно исследовать идею, проверить интерфейс или собрать прототип по образцу. CX Codex GP ChatGPT 5установок