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#"
}社群
證據