TypeUI

Установка

npx skillfoxx add mcp/typeui

claude mcp add --transport http typeui https://mcp.typeui.sh

{
  "mcpServers": {
    "typeui": {
      "type": "http",
      "url": "https://mcp.typeui.sh"
    }
  }
}

{
  "mcpServers": {
    "typeui": {
      "url": "https://mcp.typeui.sh"
    }
  }
}

code --add-mcp '{"name":"typeui","type":"http","url":"https://mcp.typeui.sh"}'

{
  "servers": {
    "typeui": {
      "type": "http",
      "url": "https://mcp.typeui.sh"
    }
  }
}

codex mcp add typeui --url https://mcp.typeui.sh

[mcp_servers.typeui]
url = "https://mcp.typeui.sh"

gemini mcp add -s user -t http typeui https://mcp.typeui.sh

{
  "mcpServers": {
    "typeui": {
      "httpUrl": "https://mcp.typeui.sh"
    }
  }
}

{
  "mcpServers": {
    "typeui": {
      "serverUrl": "https://mcp.typeui.sh"
    }
  }
}

{
  "mcpServers": {
    "typeui": {
      "type": "streamableHttp",
      "url": "https://mcp.typeui.sh"
    }
  }
}

{
  "mcpServers": {
    "typeui": {
      "type": "streamable-http",
      "url": "https://mcp.typeui.sh"
    }
  }
}

{
  "mcp": {
    "typeui": {
      "type": "remote",
      "url": "https://mcp.typeui.sh"
    }
  }
}

{
  "context_servers": {
    "typeui": {
      "url": "https://mcp.typeui.sh"
    }
  }
}

{
  "mcpServers": {
    "typeui": {
      "serverUrl": "https://mcp.typeui.sh"
    }
  }
}

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

Что делает

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

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

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

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

Ограничения

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

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

MCP

Транспорт

http

Авторизация

не нужна

Проверка безопасности

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

Коротко о README

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

Похожие