TypeUI — MCP-сервер для Claude Code: что делает и установка
TypeUI добавляет ИИ-кодингу подсказки по интерфейсам, дизайн-системы и варианты компоновки. Пригодится, когда агент собирает или меняет экраны.
claude mcp add --transport http typeui https://mcp.typeui.sh/mcpЧто делает TypeUI
TypeUI подключает MCP-сервер к инструменту для ИИ-кодинга. После этого агент получает материалы для проектирования интерфейсов: рекомендации по визуальной системе, промпты для UI и идеи разных компоновок. Запрос можно сформулировать обычным языком, а затем попросить собрать экран, секцию или несколько вариантов.
Сервер доступен для Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline и Zed. Подключение идёт через размещённый адрес https://mcp.typeui.sh/mcp, поэтому без доступа к нему клиент не установит соединение. Для Claude Code достаточно выполнить команду claude mcp add --transport http typeui https://mcp.typeui.sh/mcp.
Какие задачи решает
- собрать экран по описанию интерфейса
- подобрать структуру секции для страницы
- получить варианты компоновки UI
- задать агенту правила визуальной системы
Примеры запросов агенту
- Подключи материалы TypeUI и собери страницу профиля из этих требований:
... - Используй TypeUI, предложи три варианта компоновки для экрана настроек.
- Сверстай этот интерфейс, опираясь на рекомендации TypeUI по UI и дизайн-системе.
Как установить TypeUI
Командой платформы: удалённый сервер
claude mcp add --transport http typeui https://mcp.typeui.sh/mcpКомандой платформы: удалённый сервер
codex mcp add typeui --url https://mcp.typeui.sh/mcpФайл настроек
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp"
}
}
}Файл настроек
{
"servers": {
"typeui": {
"type": "http",
"url": "https://mcp.typeui.sh/mcp"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http typeui https://mcp.typeui.sh/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о TypeUI
Как установить TypeUI в Claude Code?
Выполните claude mcp add --transport http typeui https://mcp.typeui.sh/mcp. Команда добавит MCP-сервер TypeUI в Claude Code.
Что делает TypeUI?
TypeUI даёт агенту материалы для создания интерфейсов: подсказки по дизайн-системам, промпты для UI и варианты компоновки. Агент использует их при сборке или изменении экранов.
С какими инструментами работает TypeUI?
TypeUI поддерживает Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline и Zed.
