Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type @ followed by the MCP server name and your instructions, e.g., "@see-u-ui-mcp get component api for u-button"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
see-u-ui 组件库的 MCP (Model Context Protocol) 服务。让 AI 助手（Cursor / Claude Code 等）实时查询全部组件的 props / events / slots / 示例，按需查询、不占上下文。
数据来自库的单一数据源 registry.json，构建期同步进本包 data/，运行时读本地副本，无跨包依赖，可独立发布。
工具 | 入参 | 作用 |
|
| 列出全部组件（可按分组过滤），返回 tag / 组件名 / 标题 / 描述 |
|
| 按标签返回完整 API：props（类型/必填/默认值）、events（模板绑定名）、slots |
|
| 按标签返回代码示例 |
事件绑定名统一 kebab-case：内部 emit
onClick对应模板@on-click。get_component_api返回的events[].bind即模板可直接使用的绑定名。
Related MCP server: bunge-ds-mcp
# 已发布后（推荐）
npx see-u-ui-mcp
# 或本地克隆
cd see-u-ui-mcp
npm install
npm run sync # 从同级 see-u-ui 库同步 registry.json（本地开发才需要）编辑 ~/.cursor/mcp.json（或项目内 .cursor/mcp.json）：
{
"mcpServers": {
"see-u-ui": {
"command": "npx",
"args": ["-y", "see-u-ui-mcp"]
}
}
}本地开发（未发布）用绝对路径指向入口：
{
"mcpServers": {
"see-u-ui": {
"command": "node",
"args": ["/path/to/see-u-ui-mcp/index.mjs"]
}
}
}# 已发布
claude mcp add see-u-ui -- npx -y see-u-ui-mcp
# 本地开发
claude mcp add see-u-ui -- node /path/to/see-u-ui-mcp/index.mjs或手动写入 .mcp.json（项目级）/ ~/.claude.json（用户级），结构同上 Cursor 的 mcpServers。
传输方式 stdio，启动命令 node index.mjs（或发布后 npx see-u-ui-mcp）。服务启动后在 stderr 打印 [see-u-ui-mcp] ready，stdout 仅走 JSON-RPC。
node scripts/probe.mjs
# 期望输出 PROBE_OK，并列出 3 个工具与抽检结果库组件有更新时，在 see-u-ui 库执行 pnpm ai:gen 重建 registry，再在本包 npm run sync 同步，最后发版。
按 tag（如 see-button）返回单个组件的完整 API：props（含类型/必填/默认值/说明）、events（模板绑定名，kebab-case，如 @on-click）、slots。用于生成使用该组件的准确代码。
| Name | Required | Description | Default |
|---|---|---|---|
| tag | Yes | 组件标签，见 list_components，如 see-button、see-input |
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
With no annotations, the description fully discloses the output format: props with type/required/default/description, events with kebab-case binding names (e.g., @on-click), and slots. It accurately describes the tool's read-only nature and what information is returned.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Two sentences, no fluff. The first sentence lists what is returned, the second states the use case. Every sentence is necessary and well-structured.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
Given the simple input (one required string) and no output schema, the description fully explains both input and output. It covers all aspects needed for an agent to use the tool correctly.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100% (one parameter with description). The description adds examples (see-button, see-input) and clarifies that the tag comes from 'list_components'. This provides helpful context beyond the schema's basic description.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly states that the tool returns a component's complete API (props, events, slots) given a tag. It distinguishes from siblings: 'list_components' lists tags, and 'get_component_examples' likely provides examples, so the agent knows exactly what this tool does.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
The description implies usage: it's for generating accurate code when you need a component's API. It references 'list_components' for valid tags. While it doesn't explicitly exclude alternatives, the sibling names make it clear that 'get_component_examples' is for examples, not API details. A small gap in explicit when-not guidance.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
按 tag（如 see-button）返回该组件的可用代码示例（标题 + HTML 模板片段）。用于参考真实用法。
| Name | Required | Description | Default |
|---|---|---|---|
| tag | Yes | 组件标签，见 list_components，如 see-button、see-input |
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
No annotations are provided, so the description carries full burden. It discloses the return format (title + HTML snippet) but does not mention read-only nature, error conditions, or potential side effects. Adequate but not rich.
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
Two terse sentences: first states functionality, second states purpose. Every word earns its place. Front-loaded with key information.
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
For a single-parameter lookup tool without output schema, the description adequately explains what is returned and how to find valid tags. Lacks details on error handling or example count but sufficient for typical use.
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
Schema coverage is 100% with parameter description including examples. The tool description adds value by demonstrating usage with '如 see-button' and stating the return structure, but baseline is 3 due to high schema coverage.
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
The description clearly specifies the verb '返回' (returns) and the resource '可用代码示例（标题 + HTML 模板片段）' for a given component tag. It distinguishes from siblings 'get_component_api' and 'list_components' by focusing on code examples.
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
Provides clear context by linking to 'list_components' for valid tags and giving example 'see-button'. Does not explicitly state when not to use or alternatives, but the sibling names imply differentiation.
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
列出 see-u-ui 组件库的全部组件（可按 category 过滤）。返回每个组件的 tag、组件名、中英文标题、分组、一句话描述。用于总览或查找组件。
| Name | Required | Description | Default |
|---|---|---|---|
| category | No | 按分组过滤，如：基础组件、表单组件、布局组件、数据组件、反馈组件、导航组件、内容解析、业务组件 |
Does the description disclose side effects, auth requirements, rate limits, or destructive behavior?
无注解，但描述充分揭示了行为：列出组件、返回内容、过滤方式，无副作用需要说明。
Agents need to know what a tool does to the world before calling it. Descriptions should go beyond structured annotations to explain consequences.
Is the description appropriately sized, front-loaded, and free of redundancy?
两句完成，信息密度高，无冗余。
Shorter descriptions cost fewer tokens and are easier for agents to parse. Every sentence should earn its place.
Given the tool's complexity, does the description cover enough for an agent to succeed on first attempt?
对于单参数列表工具，描述覆盖了功能、返回和过滤，可再补充只读性质，但已足够。
Complex tools with many parameters or behaviors need more documentation. Simple tools need less. This dimension scales expectations accordingly.
Does the description clarify parameter syntax, constraints, interactions, or defaults beyond what the schema provides?
参数category的描述在schema中已详细，描述只重复了过滤功能，未增加新含义。
Input schemas describe structure but not intent. Descriptions should explain non-obvious parameter relationships and valid value ranges.
Does the description clearly state what the tool does and how it differs from similar tools?
明确说明列出所有组件并可按类别过滤，返回字段具体，与兄弟工具（获取API/示例）区分清晰。
Agents choose between tools based on descriptions. A clear purpose with a specific verb and resource helps agents select the right tool.
Does the description explain when to use this tool, when not to, or what alternatives exist?
声明用于总览或查找组件，但未说明何时不应使用或给出替代工具指引。
Agents often have multiple tools that could apply. Explicit usage guidance like "use X instead of Y when Z" prevents misuse.
Recent tool additions, removals, and schema changes observed during successful MCP inspections.
v1.3.3get_component_apiget_component_exampleslist_componentsScored across 3 tools
Each tool has a clearly distinct purpose: listing components, getting API details, and retrieving code examples. No overlap or ambiguity.
All tool names follow a consistent verb_noun pattern in snake_case (get_component_api, get_component_examples, list_components). No deviations.
Three tools is well-scoped for a UI component library documentation server. They cover overview, detailed API, and examples without being excessive.
The set covers listing, API details, and examples, which are core for component documentation. A minor gap is the lack of a search tool, but it's not critical.
MCP server for querying Forkast documentation
MCP server for stocksense-ai documentation, generated by doc2mcp.
Augments MCP Server - A comprehensive framework documentation provider for Claude Code
