taiga-ui-mcp

taiga-family/taiga-ui-mcp

3.4

If you are the rightful owner of taiga-ui-mcp and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to dayong@mcphub.com.

The Taiga UI MCP Server is designed to integrate Taiga UI components into AI workflows, providing seamless access to component implementations for AI-powered development.

Tools
2
Resources
0
Prompts
0

Taiga UI MCP Server

MCP Badge npm version

🚧 Alpha Release
@taiga-ui/mcp is currently in alpha.

🚀 The fastest way to integrate Taiga UI components into your AI workflow

A Model Context Protocol (MCP) server that provides AI assistants with comprehensive access to Taiga UI components. Seamlessly retrieve Taiga UI components implementations for your AI-powered development workflow.

Key Features

  • Docs + code snippets. Full Taiga UI markdown plus ready Angular examples in one place.
  • Two MCP tools. Discover with get_list_components, fetch examples via get_component_example.
  • Configurable & lightweight. Swap source URL (stable/next) without local Angular install.

Requirements

  • Node.js 18 or newer
  • VS Code, Cursor, Windsurf, Claude Desktop, Goose or any other MCP client

Getting started

First, install the Taiga UI MCP server with your client.

Standard config works in most of the tools:

{
  "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
      ]
    }
  }
}

Tools

Core automation
  1. get_list_components { query?: string }
    • Lists component / section identifiers (with fuzzy substring filtering) along with basic metadata (category, package, type).
    • Input: optional query string to filter IDs (case-insensitive substring).
    • Output: strictly structured JSON containing 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": ["...", "..."] }
    • Returns full markdown content for each resolved section (entire component documentation).
    • Fuzzy name resolution: exact match, path segment, suffix, substring, and Tui* variants.
    • Input: { names: string[] } (each name length ≥ 2).
    • Output: results array with objects: query, id (if resolved), package, type, suggestions (only when unresolved), content (array of code blocks, if examples exist). Top-level also includes matched (count of resolved names).
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
}

Tip: Combine get_list_components to discover IDs and then fetch full implementation snippets with get_component_example.

Maintained

Taiga UI MCP is a part of Taiga UI libraries family which is backed and used by a large enterprise. This means you can rely on timely support and continuous development.

Authors