Taiga UI MCP服务器
🚀 将Taiga UI组件集成到AI工作流程中的最快方法
一种模型上下文协议（MCP）服务器，为人工智能助手提供全面的访问权限 Taiga UI 组件。无缝检索您的AI驱动的Taiga UI组件实现 开发工作流程。
主要特点
- 文档+代码片段.完整的Taiga UI标记和现成的Angular示例放在一个地方。
- 四种MCP工具.通过以下方式获得结构化概述
get_overview，发现与get_list_components，获取示例
通过 get_component_example，并通过以下方式访问迁移指南 get_migration_guide.
- 可配置且重量轻.在不安装本地Angular的情况下交换源URL（stable/next）。
需求
- Node.js 18或更新版本
- VS Code、Cursor、Windsurf、Claude Desktop、Goose或任何其他MCP客户端
入门
首先，在客户端安装Taiga UI MCP服务器。
标准配置 适用于大多数工具：
{
"mcpServers": {
"taiga-ui": {
"command": "npx",
"args": [
"@taiga-ui/mcp@latest",
"--source-url=https://taiga-ui.dev/llms-full.txt" // or file from /next version, if you want
]
}
}
}工具
Core automation
get_overview
- 返回结构化文档头：导入映射（所有包及其导出）、代码生成清单、， CDK类型参考、常见错误和入门指南。 - 总是先打电话 在使用其他工具之前，它为正确的代码生成提供了关键上下文 （正确的包、正确的类型、常见的陷阱）。 - 输出：JSON sections 数组（导入映射、代码生成清单、CDK类型参考、常见错误、， 入门）和 totalComponents 计数。
get_overview();{
"title": "Taiga UI - Complete Documentation",
"sections": [
{
"title": "Import Map - Package Exports Reference",
"criticalNotices": ["Always import from the correct package. This is the #1 cause of compilation errors."],
"subsections": [...]
},
{ "title": "Code Generation Checklist", "subsections": [...] },
{ "title": "CDK Types Reference", "subsections": [...] },
{ "title": "Common Mistakes", "subsections": [...] },
{
"title": "Getting Started",
"description": "Installation and setup guides",
"subsections": [
{ "title": "addons", "content": ["npm i @taiga-ui/addon-charts ..."] },
{ "title": "app-standalone", "content": ["import {TuiRoot} from '@taiga-ui/core'; ..."] },
...
]
}
],
"totalComponents": 185
}get_list_components { query?: string }
- 列出组件/部分标识符（带有模糊子字符串过滤）以及基本元数据（类别、， 包装、类型）。 - 输入：可选 query string用于过滤ID（不区分大小写的子字符串）。 - 输出：严格结构化的JSON，包含 items, total.
get_list_components();{
"items": [
{
"id": "components/Alert",
"name": "Alert",
"category": "components",
"package": "CORE",
"type": "component"
},
{
"id": "components/Button",
"package": "CORE",
"type": "component",
"name": "Button",
"category": "components"
},
...
],
}get_component_example { "names": ["...", "..."] }
- 返回每个已解析部分（整个组件文档）的完整标记内容。 - 模糊名称解析：精确匹配、路径段、后缀、子字符串和 Tui* 变体。 - 输入： { names: string[] } （每个名称长度≥2）。 - 输出： results 带对象的数组： query, id （如果已解决）， package, type, suggestions （仅当 未解决）， content （代码块数组，如果存在示例的话）。顶层还包括 matched （计数 解析名称）。
get_component_example({names: ['Alert']});{
"results": [
{
"query": "Alert",
"id": "components/Alert",
"package": "CORE",
"type": "component",
"content": ["# components/Alert\n- **Package**: ... (full component API, usage examples, ...)"]
}
],
"matched": 1
}get_migration_guide
- 返回完整的Taiga UI版本更新迁移指南，包括更新前检查表、迁移说明 通过原理图和常见问题的故障排除。 - 当您需要在Taiga UI主要版本之间迁移或了解迁移过程时，请使用此工具。 - 输入：无（不需要参数）。 - 输出： title, introduction 包含版本信息，以及 sections 带有迁移指南的数组，代码块 CLI命令和常见问题的解决方案。
get_migration_guide();{
"title": "Migration Guide",
"introduction": [
"**Guide to update Taiga UI v{CURRENT_MAJOR} -> v{NEXT_MAJOR}**"
],
"sections": [
{
"title": "Before You Update",
"content": [...]
},
{
"title": "Updating",
"content": [...],
"codeBlocks": [...]
},
{
"title": "Troubleshooting",
"content": [...]
}
]
}提示：从开始get_overview要获取导入映射和常见错误，请使用get_list_components为了发现ID，get_component_example获取完整的实现片段，以及get_migration_guide获取版本升级指南。
维护
Taiga UI MCP是 Taiga UI 支持和使用的库家族 一家大型企业。这意味着您可以依靠及时的支持和持续的发展。
作者
Vladimir Potekhin
German Panov