Frontic UI
Search, read and add Frontic UI's Vue components for commerce storefronts.
¿Debería usar esto?
Calidad y seguridad
Basado en el análisis automatizado de las definiciones de herramientas y el cumplimiento del protocolo.
Costo de contexto
Este es el número aproximado de tokens que se consumen cada vez que las herramientas del servidor se cargan en el contexto de un modelo. Los recuentos más altos reducen la atención disponible para otras tareas.
Instalar
Instalación con un clic
Agrega esto a tu archivo `claude_desktop_config.json`:
{
"mcpServers": {
"ui": {
"url": "https://mcp.ui.frontic.com/mcp"
}
}
}Puntos de conexión remotos
https://mcp.ui.frontic.com/mcpstreamable-httpQué puede hacer
Inventario de herramientas
Herramientas (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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"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.
Esquema de entrada
{
"type": "object",
"properties": {
"items": {
"minItems": 1,
"type": "array",
"items": {
"type": "string"
}
}
},
"required": [
"items"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}Comunidad
Evidencia