Layro
Search and install 112 production React, TypeScript and Tailwind CSS UI components from Layro.
¿Debería usar esto?
Calidad y seguridad
Hallazgos (1)
- LOWen get_component
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": {
"layro": {
"url": "https://layropro.com/api/mcp"
}
}
}Puntos de conexión remotos
https://layropro.com/api/mcpstreamable-httpQué puede hacer
Inventario de herramientas
Herramientas (8)
🟢search_components(query, category, limit)
Find Layro React + Tailwind components by what they do. Returns the best matches first with slug, category, access (free or pro) and version. Start here, then call get_component for details.
Esquema de entrada
{
"type": "object",
"properties": {
"query": {
"type": "string",
"minLength": 1,
"maxLength": 200,
"description": "What you need, in plain words: \"animated dashboard card\", \"date range picker\"."
},
"category": {
"description": "Only this category (name or slug from list_categories).",
"type": "string",
"maxLength": 64
},
"limit": {
"description": "How many results. Default 8.",
"type": "integer",
"minimum": 1,
"maximum": 20
}
},
"required": [
"query"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}🟢get_component(slug)
Everything about one component except its source: description, props, variants, npm dependencies, the files it installs, a usage example, accessibility and responsive behaviour.
Esquema de entrada
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"maxLength": 200,
"description": "A component slug, like \"data-table\"."
}
},
"required": [
"slug"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}🟢get_component_code(slug, include_dependencies)
The complete source for one component and every file it imports, ready to save at the paths given. Free components need a free Layro account's token; Pro components need the caller's Layro lifetime access. Install with the shadcn CLI instead when you can run commands (see get_installation).
Esquema de entrada
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"maxLength": 200,
"description": "A component slug, like \"data-table\"."
},
"include_dependencies": {
"description": "Also return every file it imports (the theme, foundations, sibling components). Default true. Set false only if those are already in the project.",
"type": "boolean"
}
},
"required": [
"slug"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}🟢get_installation(slugs, package_manager, installed_packages)
Installation for one or more components: the one-time @layro registry setup for components.json, the shadcn CLI command (always @layro/<slug>, never a bare URL), a ready-to-run agent command with a 15-minute install token when this connection carries a CLI token, the npm packages still missing (pass installed_packages from package.json), the files and where they go, and the theme setup.
Esquema de entrada
{
"type": "object",
"properties": {
"slugs": {
"minItems": 1,
"maxItems": 10,
"type": "array",
"items": {
"type": "string",
"maxLength": 200
},
"description": "One or more component slugs."
},
"package_manager": {
"description": "Default npm.",
"type": "string",
"enum": [
"npm",
"pnpm",
"yarn",
"bun"
]
},
"installed_packages": {
"description": "npm packages the project already has (from package.json), so they are not suggested again.",
"maxItems": 300,
"type": "array",
"items": {
"type": "string",
"maxLength": 214
}
}
},
"required": [
"slugs"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}🟢list_categories
The categories in the Layro catalogue, with the components Layro MCP offers in each.
Esquema de entrada
{
"type": "object",
"properties": {},
"$schema": "http://json-schema.org/draft-07/schema#"
}🟢search_templates(query, limit)
Find complete Layro React / Next.js templates: what each is, its stack, a live preview and how it is licensed.
Esquema de entrada
{
"type": "object",
"properties": {
"query": {
"description": "What the template is for. Leave out to list all templates.",
"type": "string",
"maxLength": 200
},
"limit": {
"type": "integer",
"minimum": 1,
"maximum": 10
}
},
"$schema": "http://json-schema.org/draft-07/schema#"
}🟢get_template(slug)
One template's details and whether the caller may download it. Never returns the template's files.
Esquema de entrada
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"maxLength": 200,
"description": "A template slug, like \"settle\"."
}
},
"required": [
"slug"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}🟢check_access(slug)
Whether the caller can take a component or template, and why: free, subscriber, lifetime, purchased or unauthorized.
Esquema de entrada
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"maxLength": 200,
"description": "A component or template slug."
}
},
"required": [
"slug"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}Comunidad
Evidencia