tealmac UI MCP server
com.tealmac · Updated
Search shadcn registry items, read props and get exact install commands for React components.
At a glance
tealmac UI is an MCP server in the Web & Search category. It is hosted remotely and connects over HTTP, and declares no required credentials. It exposes 6 tools, including list_categories, search_items and list_items. It scores B (68/100) on the MCP Skills Hub health score as of Oct 28, 2026.
One-click install
Opens your editor and pre-fills the config. Your editor will ask before adding it.
How to install tealmac UI in your AI client
Setup for Claude Code, Claude Desktop, Cursor, Codex, Windsurf, Cline and VS Code — copy-paste ready.
How to install tealmac UI in Claude CodeAnthropic's agentic CLI
Add the server
bashclaude mcp add --transport http ui https://ui.tealmac.com/mcpVerify it's connected
bashclaude mcp listSharing it with your team?
Add `--scope project` to write it to .mcp.json in the repository root, which you can commit (with the secrets left as environment variables).
Use it in a session
Ask Claude to use the tools this server exposes (e.g. list_categories, search_items, list_items). It discovers them automatically.
How to install tealmac UI in Claude DesktopDesktop app (MCP config)
Open your MCP config
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json · Windows: %APPDATA%\Claude\claude_desktop_config.json
Add this server
json{ "mcpServers": { "ui": { "command": "npx", "args": [ "-y", "mcp-remote", "https://ui.tealmac.com/mcp" ] } } }Why the wrapper?
This is a remote (HTTP) server and Claude Desktop only launches local processes, so mcp-remote proxies the connection. It will open a browser window if the server needs OAuth.
Restart Claude Desktop
The tools appear under the 🔌 menu once the app reloads.
How to install tealmac UI in CursorAI-first code editor
Create / edit .cursor/mcp.json in your project
json{ "mcpServers": { "ui": { "url": "https://ui.tealmac.com/mcp" } } }Enable it
Cursor Settings → MCP → toggle the server on. Tools become available to the Composer/Agent.
How to install tealmac UI in Codex CLIOpenAI coding agent
Add to ~/.codex/config.toml
toml[mcp_servers.ui] command = "npx" args = ["-y", "mcp-remote", "https://ui.tealmac.com/mcp"]Why the wrapper?
Codex runs MCP servers as local processes, so mcp-remote bridges this HTTP endpoint to stdio.
Run Codex
Codex loads MCP servers from config.toml on startup and exposes their tools to the agent.
How to install tealmac UI in WindsurfCodeium's agentic IDE
Edit ~/.codeium/windsurf/mcp_config.json
json{ "mcpServers": { "ui": { "serverUrl": "https://ui.tealmac.com/mcp" } } }Reload
Windsurf → Cascade → refresh MCP servers. Cascade can now call the tools.
How to install tealmac UI in ClineVS Code autonomous agent
Open Cline → MCP Servers → Configure
Adds to cline_mcp_settings.json.
Add the server
json{ "mcpServers": { "ui": { "type": "streamableHttp", "url": "https://ui.tealmac.com/mcp" } } }
How to install tealmac UI in VS CodeCopilot / MCP support
Create .vscode/mcp.json
json{ "servers": { "ui": { "type": "http", "url": "https://ui.tealmac.com/mcp" } } }Start it
VS Code shows a ▶ Start action above the server entry. Agent mode (Copilot Chat) can then use the tools.
What tools does tealmac UI expose? (6)
Read from the live server. Click any tool for its input schema.
- list_categoriesHow 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.
- search_itemsSearch 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.
- list_itemsList items, optionally filtered by category (a name from list_categories) and type.
- get_itemEverything about one item: description, props, a usage example, dependencies, accessibility notes, quality checks, docs URL, registry JSON URL and install command.
- get_install_commandThe exact shadcn CLI command that installs an item, for npm, pnpm, yarn or bun. Run it in the project's root.
- get_quality_rulesThe 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.
What the code can do
This is a remote server — nothing is installed or run on your machine, so there is no local code to analyze. What it can reach is described above: your requests go to the provider's host.
Before you install
Signals gathered from the source repo and package registry — not a safety verdict.
What it can reach
- Third-party hosted service — Your requests and any data in them are sent to ui.tealmac.com.
- No local execution — Nothing is installed or run on your machine.
- Last commit today — Actively maintained.
- Repository created today — Very new project with little track record yet.
- 0 GitHub stars — Very little community usage so far.
- No license declared — Without a license the code is not legally reusable in a commercial project.
Client compatibility
Health score
B · 68Maintenance, adoption, transparency and packaging — not a safety audit. How this is calculated
- Maintenance30%100%
Last commit 0 days ago.
- Adoption20%0%
0 stars.
- Transparency20%75%
3/4: ✓ public source repo, ✗ declared license, ✓ documentation, ✓ discoverable tool list.
- Provenance15%75%
Links to its own repository; package linkage unverified.
- Packaging15%75%
Remote endpoint; authentication requirements not declared.
Documentation
Full READMEtealmac UI
Accessible React components, blocks, templates, charts and themes for shadcn/ui and Tailwind CSS v4.
Site: https://ui.tealmac.com
This repository is for bug reports, item requests and docs problems. The components themselves are installed from the tealmac UI registry with the shadcn CLI, not from this repository.
Install a free item
npx shadcn@latest add https://ui.tealmac.com/r/login-01.jsonOr add the namespace once to components.json:
{
"registries": {
"@tealmac": "https://ui.tealmac.com/r/{name}.json"
}
}then npx shadcn@latest add @tealmac/login-01.
Pro
Pro items install from a private registry with your licence key. See Set up Pro and Pricing.
For coding agents
tealmac UI has an MCP server, so your coding agent can search the catalogue and get the right install command: https://ui.tealmac.com/mcp-server
Report a problem
Alternatives to tealmac UI
- CodeDebutB · 73Search new software launches, read product pages, find alternatives and see daily upvote rankings.
- exact-onlineD · 23Exact AI Connect: hosted MCP server for Exact Online.
- braveA · 91Visit https://brave.com/search/api/ for a free API key. Search the web, local businesses, images,…
- Bitbybit CAD MCPA · 89Bitbybit 3D parametric CAD API, version-exact, for coding agents: search, describe, examples, guide
Maintain tealmac UI? Add a badge to your README
Shows its health grade, and links readers to install steps for every client.
[](https://mcp-skills-hub.vercel.app/mcps/com-tealmac-ui)Catalog data refreshed . Something wrong? Report it.