Koskamo

tealmac UI MCP

A hosted MCP server for the tealmac UI registry that allows AI coding agents to search for React components, read their props and accessibility rules, and retrieve exact installation commands via the shadcn CLI.

Visit tealmac

Endpoint and access

No sign-in to connect and list tools. Individual tools may still need a vendor account, credentials, or permissions; check the documented prerequisites.

tealmac UI MCP logo, by tealmacVendor evidenceStreamable HTTPNo sign-inEndpoint checked 2026-11-01Operated by tealmac
MCP endpoint (Streamable HTTP)
https://ui.tealmac.com/mcp
Vendor documentation

What you can do with it

  • Search the component catalogue for specific UI elements
  • Read item props and accessibility quality rules
  • Get exact install commands for React components

Source and maintenance

Vendor evidenceRegistry 1.0.0
mcp-registry: com.tealmac/ui@1.0.0Source repositoryProject website
Maintenance checked

Protocol and capabilities

Server
tealmac-ui 1.0.0
MCP protocol
2025-06-18
Tools
6 advertised
Resources
Not advertised
Resource templates
Not advertised
Prompts
Not advertised
Server-advertised capabilities
{
  "tools": {
    "listChanged": false
  }
}

Server-provided instructions

Untrusted server output shown for inspection. It is not Koskamo guidance and is excluded from knowledge search.

tealmac UI is a shadcn registry of accessible React 19 and Tailwind CSS v4 components, charts, blocks and templates. Use search_items or list_items to find candidates (list_categories shows what exists), get_item for props, usage and accessibility notes, and get_install_command for the exact shadcn CLI command to run in the user's project. Call get_quality_rules before writing UI. Blocks and templates are Pro and need a licence key.

Tools

6 advertised

list_categories — List categories
Advertised by the server during the last successful anonymous check.
Advertised read-only

How many components, charts, blocks, templates, patterns and hooks exist, and the categories each is grouped into, with counts. Use a category name as the filter of list_items.

list_categories input schema
{
  "type": "object",
  "properties": {}
}
list_categories annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
search_items — Search items
Advertised by the server during the last successful anonymous check.
Advertised read-only

Search components, charts, blocks, templates, patterns and hooks by what you need, for example 'date picker', 'pricing section', 'stacked bar chart', 'modal', 'confirm before delete' or 'debounce'. Common synonyms are understood. Returns the best matches with install commands.

search_items input schema
{
  "type": "object",
  "required": [
    "query"
  ],
  "properties": {
    "type": {
      "enum": [
        "component",
        "chart",
        "block",
        "template",
        "pattern",
        "hook"
      ],
      "type": "string",
      "description": "Only return this kind of item: component, chart, block (a page section), template (a whole page), pattern (a scenario built from components, such as a confirm-delete flow) or hook (a React hook)."
    },
    "limit": {
      "type": "integer",
      "default": 10,
      "maximum": 50,
      "minimum": 1
    },
    "query": {
      "type": "string",
      "minLength": 1,
      "description": "What to find."
    }
  }
}
search_items annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
list_items — List items
Advertised by the server during the last successful anonymous check.
Advertised read-only

List items, optionally filtered by category (a name from list_categories) and type.

list_items input schema
{
  "type": "object",
  "properties": {
    "type": {
      "enum": [
        "component",
        "chart",
        "block",
        "template",
        "pattern",
        "hook"
      ],
      "type": "string",
      "description": "Only return this kind of item: component, chart, block (a page section), template (a whole page), pattern (a scenario built from components, such as a confirm-delete flow) or hook (a React hook)."
    },
    "category": {
      "type": "string",
      "description": "Category name."
    }
  }
}
list_items annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
get_item — Get item
Advertised by the server during the last successful anonymous check.
Advertised read-only

Everything about one item: description, props, a usage example, dependencies, accessibility notes, quality checks, docs URL, registry JSON URL and install command.

get_item input schema
{
  "type": "object",
  "required": [
    "name"
  ],
  "properties": {
    "name": {
      "type": "string",
      "minLength": 1,
      "description": "Item name, e.g. 'marquee' or 'chart-bar-stacked'. Prefix @tealmac-pro/ for the Pro registry when a name exists in both."
    },
    "type": {
      "enum": [
        "component",
        "chart",
        "block",
        "template",
        "pattern",
        "hook"
      ],
      "type": "string",
      "description": "Optional: pick the item of this type."
    }
  }
}
get_item annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
get_install_command — Get install command
Advertised by the server during the last successful anonymous check.
Advertised read-only

The exact shadcn CLI command that installs an item, for npm, pnpm, yarn or bun. Run it in the project's root.

get_install_command input schema
{
  "type": "object",
  "required": [
    "name"
  ],
  "properties": {
    "name": {
      "type": "string",
      "minLength": 1
    },
    "type": {
      "enum": [
        "component",
        "chart",
        "block",
        "template",
        "pattern",
        "hook"
      ],
      "type": "string"
    },
    "packageManager": {
      "enum": [
        "npm",
        "pnpm",
        "yarn",
        "bun"
      ],
      "type": "string",
      "default": "npm"
    }
  }
}
get_install_command annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}
get_quality_rules — Get quality rules
Advertised by the server during the last successful anonymous check.
Advertised read-only

The accessibility, motion, theming and SSR rules every item follows, with why each matters and how to meet it. Read them before writing UI so the first draft already passes.

get_quality_rules input schema
{
  "type": "object",
  "properties": {}
}
get_quality_rules annotations
{
  "readOnlyHint": true,
  "openWorldHint": false
}

Prompts

Not advertised

No prompt definitions available.

Resources

Not advertised

No resource definitions available.

30-day availability

Aggregated from read-only remote checks; this is not a tool-execution or security guarantee.

Successful checks
1 of 1 (100%)
Average latency
1473 ms
95th percentile latency
1473 ms

Maintenance history

Public check and source-refresh events. Editorial and ownership records remain private.

  • · probe · passed · 1473 ms · metadata changed · 6 tool(s)

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers the remote server. Use --scope project to write .mcp.json for the repo.
Claude Code configuration
claude mcp add --transport http tealmac-ui-mcp https://ui.tealmac.com/mcp

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).
Codex configuration
codex mcp add tealmac-ui-mcp --url https://ui.tealmac.com/mcp

Cursor

Merge this server into .cursor/mcp.json in your project, then enable tealmac-ui-mcp in your MCP settings.
Cursor configuration
{
  "mcpServers": {
    "tealmac-ui-mcp": {
      "url": "https://ui.tealmac.com/mcp"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure).
Cline configuration
{
  "mcpServers": {
    "tealmac-ui-mcp": {
      "type": "streamableHttp",
      "url": "https://ui.tealmac.com/mcp",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start tealmac-ui-mcp and inspect its tools.
VS Code configuration
{
  "servers": {
    "tealmac-ui-mcp": {
      "type": "http",
      "url": "https://ui.tealmac.com/mcp"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.
Gemini CLI configuration
gemini mcp add --transport http tealmac-ui-mcp https://ui.tealmac.com/mcp

Claude Desktop

Merge this into claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\), then restart Claude Desktop.
Claude Desktop configuration
{
  "mcpServers": {
    "tealmac-ui-mcp": {
      "url": "https://ui.tealmac.com/mcp"
    }
  }
}

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.
Windsurf configuration
{
  "mcpServers": {
    "tealmac-ui-mcp": {
      "serverUrl": "https://ui.tealmac.com/mcp"
    }
  }
}

Let your agent find its tools

Find servers like tealmac UI MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.

Connect Koskamo Explore workflows
See all 6,904

Do you run tealmac UI MCP?

Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.

Claim this listing