TypeUI MCP

MCP-сервер и плагин для сборки интерфейса с агентом: курируемые дизайн-системы, промпты для UI и варианты верстки

  • 2 237 ★ репозитория
  • Последний коммит
MCP-серверОфициальный

Расширенный доступ

Почему такой уровень

  • Обращается к удаленному сервису
  • Формирует код интерфейса, который применяется в проекте
Все причины и проверки

bergside/typeui

Установка

В терминале, через SkillFoxx CLI

npx skillfoxx add mcp/typeui

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • Обращается к удаленному сервису
  • Формирует код интерфейса, который применяется в проекте

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

TypeUI подключает агента к набору курируемых дизайн-систем и подсказок для сборки экранов и секций. Агент получает готовые промпты и варианты верстки, чтобы делать интерфейс аккуратнее и быстрее. Сервер работает удаленно, есть плагин для Claude Code и гайды по подключению для многих инструментов. Дизайн-скиллы поставляются в форматах DESIGN.md и SKILL.md.

Для кого. Для фронтенд-разработчиков и дизайнеров, которые собирают интерфейс вместе с агентом.

Подходит, если

  • Нужно быстро собрать экран или секцию по дизайн-системе
  • Хочется несколько вариантов верстки на выбор
  • Нужны продуманные промпты для интерфейса

Не подходит, если

  • Задача не связана с интерфейсом
  • Нельзя подключать удаленный сервис

Пример запроса к агенту

Собери через TypeUI секцию с тарифами в выбранной дизайн-системе и покажи пару вариантов

MCP

Транспорт
http
Авторизация
не нужна

Ограничения

Сервер удаленный, поэтому работа зависит от доступности сервиса typeui.sh, ее из России нужно проверять отдельно. Часть возможностей описана в документации на сайте, а не в самом репозитории.

Как отключить. Удалите сервер typeui из конфигурации MCP или снимите плагин typeui через /plugin.

Частые вопросы

Это сервер или плагин?

Это удаленный MCP-сервер; для Claude Code есть плагин-обертка, для других инструментов гайды по подключению.

В каком формате скиллы?

Дизайн-скиллы доступны в форматах DESIGN.md и SKILL.md.

Обсуждение

Вопросов и отзывов пока нет.

MCP-серверы

Набор скиллов, токенов и правил, который делает из Claude дизайн-архитектора: DTCG-токены, компоненты, доступность и объективные проверки качества

ПлагинРасширенный доступ3,2 тыс.Звезды репозитория

Скилл и CLI для агентов: интерфейс без шаблонного вида, 25 команд, проверка шаблонности правилами и оценка качества от 0 до 100

СкиллРасширенный доступ452Звезды репозитория
Официальный

MCP-сервер библиотеки React-компонентов для интерфейсов агентов: агент находит компонент и добавляет его в проект

MCP-серверРасширенный доступ750Звезды репозитория

MCP-сервер и скилл для интерфейсов: 31 дизайн-система для shadcn/ui, принципы UI и UX и проверка доступности для кода агента

MCP-серверРасширенный доступ576Звезды репозитория

Скилл дизайна интерфейсов привязывает агента к вашему продукту, а необязательный MCP добавляет реальные экраны из каталога.

СкиллРасширенный доступ83Звезды репозитория

Дизайн-студия для людей и агентов: CLI dsa, MCP по адресу /mcp и скилл правят сайты, слайды, отчеты и 3D в одном документе.

CLIРасширенный доступ229Звезды репозитория

Коротко о README

README представляет TypeUI как инструмент для сборки интерфейса с агентом через курируемые дизайн-системы, промпты и варианты верстки. Подключение показано для многих инструментов: плагин для Cursor, удаленный сервер для Grok, Z.ai, Mistral, OpenClaw и других, есть гайды на сайте. Для Claude Code репозиторий оформлен как плагин, адрес сервера указан в конфигурации. Дизайн-скиллы доступны в форматах DESIGN.md и SKILL.md.

Бейдж для README

Сообщить о проблеме