Frontic UI
Search, read and add Frontic UI's Vue components for commerce storefronts.
사용해야 할까요
품질 및 안전성
도구 정의와 프로토콜 준수에 대한 자동 분석을 기반으로 합니다.
컨텍스트 비용
이는 서버의 도구가 모델의 컨텍스트에 로드될 때마다 소비되는 대략적인 토큰 수입니다. 수치가 높을수록 다른 작업에 사용할 수 있는 주의가 줄어듭니다.
설치
원클릭 설치
`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#"
}커뮤니티
증거