Taiga UI MCP Server

🚧 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.
Three MCP tools. Get structured overview with get_overview, 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

get_overview
- Returns structured documentation header: import map (all packages and their exports), code generation checklist,
  CDK types reference, common mistakes, and getting started guides.
- Always call this first before using other tools — it provides critical context for correct code generation
  (right packages, right types, common pitfalls).
- Output: JSON with sections array (Import Map, Code Generation Checklist, CDK Types Reference, Common Mistakes,
  Getting Started) and totalComponents count.

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

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: Start with get_overview to get import map and common mistakes, then use get_list_components to discover IDs
and get_component_example to fetch full implementation snippets.

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

Vladimir Potekhin

German Panov

taiga-ui-mcp