Frontic UI
Search, read and add Frontic UI's Vue components for commerce storefronts.
Sollte ich dies verwenden
Qualität und Sicherheit
Basierend auf einer automatisierten Analyse der Tool-Definitionen und der Einhaltung des Protokolls.
Kontextkosten
Dies ist die ungefähre Anzahl der Tokens, die jedes Mal verbraucht werden, wenn die Tools des Servers in den Kontext eines Modells geladen werden. Höhere Werte verringern die Aufmerksamkeit, die für andere Aufgaben verfügbar ist.
Installieren
Installation mit einem Klick
Fügen Sie dies Ihrer Datei `claude_desktop_config.json` hinzu:
{
"mcpServers": {
"ui": {
"url": "https://mcp.ui.frontic.com/mcp"
}
}
}Remote-Endpunkte
https://mcp.ui.frontic.com/mcpstreamable-httpWas es kann
Tool-Inventar
Tools (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.
Eingabe-Schema
{
"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.
Eingabe-Schema
{
"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.
Eingabe-Schema
{
"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.
Eingabe-Schema
{
"type": "object",
"properties": {
"items": {
"minItems": 1,
"type": "array",
"items": {
"type": "string"
}
}
},
"required": [
"items"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}Community
Nachweis