Предоставляет дизайн-системы, UI-промпты и рекомендации по вариантам макетов для инструментов AI-разработки, чтобы улучшить генерацию пользовательских интерфейсов.
Также известен как bergside/typeui
- Звёзды
- 2 251
- Инструменты
- —
- Загрузки, 30 дней
- —
- Последняя версия
- 1.0.1
- Последний коммит
- 22 окт. 2026 г.
- Лицензия
- —
Что такое TypeUI MCP?
TypeUI — это MCP server. Предоставляет дизайн-системы, UI-промпты и рекомендации по вариантам макетов для инструментов AI-разработки, чтобы улучшить генерацию пользовательских интерфейсов.
Сводка сгенерирована из README проекта
О TypeUI MCP server
TypeUI предоставляет дизайн-системы, UI-промпты и рекомендации по вариантам макетов, помогая инструментам AI-разработки генерировать высококачественные пользовательские интерфейсы. Он предназначен для разработчиков сайтов и приложений, которые хотят повысить визуальное качество генерируемого нейросетями кода. Платформа работает с любым AI-провайдером, поддерживающим markdown-файлы или общие промпты.
Пользователи могут подключить TypeUI MCP server к самому широкому спектру сред. Сюда входят локальные инструменты разработки, такие как Cursor, VS Code с GitHub Copilot, а также JetBrains AI Assistant или Junie. Он также поддерживает облачные среды и агентов, таких как Claude, Grok, Mistral, Zed и Replit. Интегрируя эти ресурсы, разработчики могут запрашивать UI-компоненты на обычном языке, в то время как сервер предоставляет необходимые навыки дизайна и структурные рекомендации.
Что вы можете с ним делать
- 1Генерация высококачественных UI-компонентовПросите ваш инструмент AI-разработки создать пользовательский интерфейс, используя конкретные дизайн-системы и рекомендации по макетам.
- 2Рефакторинг существующих пользовательских интерфейсовПредоставьте Claude отобранные рекомендации по дизайну, чтобы улучшить или переписать существующий UI-код.
- 3Создание сложных экранов приложенийИспользуйте плагин для Cursor, чтобы помочь в создании полноценных экранов и различных секций макета.
- 4Улучшение агентских рабочих процессов дизайнаДобавляйте специализированные навыки дизайна автономным агентам, чтобы повысить качество их работы.
Взято из README проекта. Каждый вариант использования проверен на соответствие цитате из него.
Как установить TypeUI MCP
Форматы проверены 10 ноя 2026Добавить в CursorДобавить в GooseУстановка TypeUI MCP в Claude Code
$ claude mcp add --transport http typeui https://mcp.typeui.sh/mcpУстановка TypeUI MCP в Cursor
~/.cursor/mcp.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp"
}
}
}Установка TypeUI MCP в VS Code
.vscode/mcp.json
{
"servers": {
"typeui": {
"type": "http",
"url": "https://mcp.typeui.sh/mcp"
}
}
}Установка TypeUI MCP в VS Code CLI
$ code --add-mcp '{"name":"typeui","type":"http","url":"https://mcp.typeui.sh/mcp"}'Установка TypeUI MCP в Codex
$ codex mcp add typeui --url https://mcp.typeui.sh/mcpУстановка TypeUI MCP в Codex config.toml
~/.codex/config.toml
[mcp_servers.typeui] url = "https://mcp.typeui.sh/mcp"
Установка TypeUI MCP в Gemini CLI
$ gemini mcp add -s user --transport http typeui https://mcp.typeui.sh/mcpУстановка TypeUI MCP в Gemini settings.json
~/.gemini/settings.json
{
"mcpServers": {
"typeui": {
"url": "https://mcp.typeui.sh/mcp",
"type": "http"
}
}
}Автоматические проверки
Запущено 12 нояб. 2026 г.Полный отчёт →Прошло наши автоматизированные проверки. Это не аудит безопасности: изучите код и предоставьте серверу минимально необходимый доступ. Как работают проверки · Что исправить, чтобы получить больше баллов
- Связанный и доступный исходный репозиторийПройдено
- Open source лицензия (OSI)No licenseПроблема
- Коммит или релиз за последний годПройдено
- Имя пакета не похоже на популярный пакетНе проверялось
- Удаленная конечная точка использует HTTPSПройдено
- Деструктивные инструменты помеченыНе проверялось
- Нет скрытых инструкций для моделиПройдено
- Нет критических предупреждений в пакете или его зависимостяхНе проверялось
README
Открыть на GitHubTypeUI - Build better UI with AI
TypeUI is an AI-first platform where you can use design skills, UI prompts, and other resources to enhance AI capabilities to generate better user interfaces and design when building websites and applications. The resources from this repository will work with any AI provider, given they support markdown files or general prompting.
Getting started
Install TypeUI where you build. Connect your AI coding tool to TypeUI MCP, then ask for UI in plain language while TypeUI supplies design systems, prompts, and layout variation guidance.
Design skills
Check out all design skills. Available in both DESIGN.md and SKILL.md formats.
Вопросы о TypeUI MCP
Как добавить TypeUI MCP в Claude Code?
Выполните claude mcp add --transport http typeui https://mcp.typeui.sh/mcp в терминале. Добавьте --scope user, чтобы сервер был доступен во всех проектах.
Как добавить TypeUI MCP в Cursor?
Откройте ~/.cursor/mcp.json и добавьте сервер в mcpServers, используя конфигурацию Cursor из раздела установки выше.
Как использовать TypeUI с моим инструментом AI-разработки?
Подключите ваш инструмент AI-разработки к TypeUI MCP, после чего вы сможете запрашивать UI на обычном языке, а сервер будет предоставлять дизайн-системы и промпты.
Какие AI-провайдеры совместимы с TypeUI?
Ресурсы работают с любым AI-провайдером, который поддерживает markdown-файлы или общие промпты.
В каких форматах доступны навыки дизайна?
Навыки дизайна доступны в форматах DESIGN.md и SKILL.md.