Taiga Ui MCP

Taiga UI MCP服务器

](https://lobehub.com/mcp/taiga-family-taiga-ui-mcp) ](https://npmjs.com/package/@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

1. 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
}

1. 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"
    },
    ...
  ],
}

1. 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
}

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