Скиллы и MCP с тегом «design-system»

ui-ux-pro-max nextlevelbuilder скилл Скилл подключает к агенту локальную базу из 119 UX-правил, 74 шрифтовых пар и 192 палитр. Помогает проектировать интерфейсы и проверять доступность. Claude Code CX Codex Cursor +1 413 800установок design-system claudekit скилл Скилл собирает дизайн-токены, спецификации компонентов и презентационные слайды. Подойдёт, когда интерфейс и слайды должны следовать одной системе. Claude Code CX Codex Cursor +1 42 200установок design-md официальный google-labs-code скилл Скилл выгружает экраны из Google Stitch через MCP-сервер и собирает файл DESIGN.md с описанием дизайн-системы, цветов и компонентов. Claude Code CX Codex Cursor +1 64 700установок enhance-prompt официальный google-labs-code скилл Превращает неточные идеи интерфейса в детальные промпты для Google Stitch. Скилл подтягивает дизайн-систему из DESIGN.md и расписывает структуру экрана. Claude Code CX Codex Cursor +1 58 300установок taste-design официальный google-labs-code скилл Скилл формирует файл DESIGN.md для Google Stitch, задавая строгие дизайн-правила против шаблонных интерфейсов. Помогает настроить типографику, палитру и микроанимации для генерации экранов. Claude Code CX Codex Cursor +1 20 100установок 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установок stitch::manage-design-system официальный google-labs-code скилл Управляет дизайн-системой Stitch через MCP-инструменты: извлекает данные экранов, создаёт токены и применяет их к выбранным экранам. Claude Code CX Codex Cursor +1 10 200установок better-interface jakubkrehel скилл Проводит сквозной аудит экранов и интерфейсов по правилам доступности, вёрстки, текста, цвета и типографики. Сводит отчёты узких скиллов в единый список замечаний по приоритету. Claude Code CX Codex Cursor +1 29 700установок penpot-uiux-design официальный github скилл Скилл для создания интерфейсов в Penpot через MCP-инструменты: веб, мобайл, дашборды, дизайн-системы. Работает с API Penpot напрямую из редактора кода. GitHub Copilot 12 782установок extract-design-system arvindrk скилл Скилл находит базовые токены дизайна на веб-странице и создаёт начальные файлы tokens.json и tokens.css. Он полезен для быстрого старта стилизации в новом репозитории. Claude Code CX Codex Cursor +1 130 600установок figma-generate-design официальный openai скилл Собирает и обновляет целые экраны в Figma из кода или описания, используя опубликованную дизайн-систему, а не нарисованные с нуля прямоугольники. Claude Code CX Codex Cursor +1 2 900установок figma-create-design-system-rules официальный openai скилл Генерирует правила дизайн-системы для кодовой базы при переносе макетов из Figma. Помогает агентам соблюдать структуру компонентов и токенов проекта. Claude Code CX Codex Cursor +1 2 900установок figma-generate-library официальный openai скилл Скилл для синхронизации дизайн-системы Figma с кодовой базой. Помогает создать или обновить переменные, компоненты, режимы (светлая/тёмная тема) и документацию в правильном порядке — без фаз, выполненных в неправильной последовательности. Claude Code CX Codex Cursor +1 2 700установок design-system-patterns Seth Hobson скилл Помогает проектировать дизайн-токены, переключение тем и архитектуру библиотеки компонентов. Пригодится, когда вы закладываете общие правила интерфейса для проекта. Claude Code CX Codex Cursor 15 953установок baoyu-design JimLiu скилл Скилл генерирует макеты интерфейсов, интерактивные прототипы и презентации в виде автономного HTML. Подходит для вёрстки экранов, дизайн-систем и схем. Claude Code CX Codex Cursor +1 6 300установок web-component-design Seth Hobson скилл Скилл помогает проектировать компоненты для React, Vue и Svelte. Подойдёт для библиотек UI, дизайн-систем и рефакторинга старых компонентов. Claude Code CX Codex Cursor 13 167установок design-brief nexu-io скилл Преобразует дизайн-бриф в формате I-Lang в конкретную спецификацию с палитрой, типографикой, плотностью и ограничениями. Устраняет неопределённость из фраз вроде «сделай профессионально». Claude Code CX Codex Cursor +1 3 400установок improve-ui ibelick скилл Проверяет интерфейс на соответствие его дизайн-системе, находит доказанные расхождения и составляет планы исправлений для другого агента. Claude Code CX Codex Cursor +1 7 800установок design-review nexu-io скилл Проводит визуальный аудит интерфейса, вносит точечные правки атомарными коммитами и сохраняет скриншоты до и после изменений. Пригодится для полировки свёрстанного UI перед релизом. Claude Code CX Codex Cursor +1 3 100установок swiftui-design nexu-io скилл Скилл помогает проектировать интерфейсы SwiftUI по чётким правилам, избегая типичных ошибок AI-кода. Направляет дизайн-решения, проверяет бренд-активы и оценивает макеты по пяти критериям. Claude Code CX Codex Cursor +1 2 900установок theme-factory nexu-io скилл Скилл с 10 готовыми темами для оформления артефактов: слайды, документы, отчёты, HTML-лендинги. Подойдёт, когда нужно быстро придать материалам профессиональный вид. Claude Code CX Codex Cursor +1 2 800установок anti-ui-slop официальный UIZZE скилл Скилл помогает агенту собирать интерфейсы под конкретный продукт, а не шаблонный UI. Пригодится для разработки, редизайна и проверки web- или iOS-экранов. GitHub Copilot 967установок ui-designer VoltAgent Community субагент Проектирует интерфейсы, собирает дизайн-системы и готовит спецификации для фронтендеров. Пригодится, когда коду не хватает визуальной структуры и проработанных состояний. Claude Code 1 979установок ui-design-system Alireza Rezvani скилл Скилл собирает дизайн-токены, палитры, типографику и структуру компонентов. Пригодится для дизайн-системы и передачи макетов разработчикам. Claude Code 1 076установок brand-guidelines Alireza Rezvani скилл Проверяет макеты и тексты на соответствие гайдлайнам бренда, а также помогает составить мини-гайд или палитру с нуля. Claude Code 696установок frontend-design-review microsoft скилл Скилл проверяет и создаёт интерфейсы с учётом дизайна, доступности и дизайн-системы. Подходит для ревью UI, PR и адаптивной вёрстки. Claude Code GitHub Copilot 237установок 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установок