Frontic UI
Search, read and add Frontic UI's Vue components for commerce storefronts.
我该使用它吗
质量与安全性
基于对工具定义和协议合规性的自动分析。
上下文开销
这是每次将服务器的工具加载到模型上下文窗口时所消耗的大致 token 数。数值越高，可用于其他任务的注意力就越少。
安装
一键安装
将以下内容添加到你的 `claude_desktop_config.json` 文件中：
{
"mcpServers": {
"ui": {
"url": "https://mcp.ui.frontic.com/mcp"
}
}
}远程端点
https://mcp.ui.frontic.com/mcpstreamable-http它能做什么
工具清单
工具（4）
🟢search_registry_items(query, tier, limit, offset)
Search Frontic UI items by name and description. An empty query lists all; `tier` narrows to ui, sections, templates, lib or composables. Read one with get_item_docs; get_item_examples gives its examples alone.
输入模式
{
"type": "object",
"properties": {
"query": {
"type": "string"
},
"tier": {
"type": "string",
"enum": [
"ui",
"sections",
"templates",
"lib",
"composables"
]
},
"limit": {
"type": "number"
},
"offset": {
"type": "number"
}
},
"$schema": "http://json-schema.org/draft-07/schema#"
}🟢get_item_docs(items)
Return the docs of Frontic UI items: install command, examples, how the parts nest, every part's props, events and slots, what else the item exports, styling, source, and the API of the items its example uses.
输入模式
{
"type": "object",
"properties": {
"items": {
"minItems": 1,
"type": "array",
"items": {
"type": "string"
}
}
},
"required": [
"items"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}🟢get_item_examples(name, example)
Return a Frontic UI item's examples as source, the main one first. Pass `example`, a slug such as `sale` for `price.sale.example.vue`, for one alone; `main` is the main example.
输入模式
{
"type": "object",
"properties": {
"name": {
"type": "string"
},
"example": {
"type": "string"
}
},
"required": [
"name"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}🟡get_add_command(items)
Return the CLI command that adds Frontic UI items to a project.
输入模式
{
"type": "object",
"properties": {
"items": {
"minItems": 1,
"type": "array",
"items": {
"type": "string"
}
}
},
"required": [
"items"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}社区
证据