Layro
Search and install 112 production React, TypeScript and Tailwind CSS UI components from Layro.
使うべきか
品質と安全性
検出事項(1)
- LOWget_component 内
ツール定義とプロトコルへの準拠に関する自動分析に基づいています。
コンテキストコスト
これは、サーバーのツールがモデルのコンテキストに読み込まれるたびに消費されるおおよそのトークン数です。数が多いほど、ほかのタスクに使える注意が減ります。
インストール
ワンクリックインストール
これを `claude_desktop_config.json` ファイルに追加してください:
{
"mcpServers": {
"layro": {
"url": "https://layropro.com/api/mcp"
}
}
}リモートエンドポイント
https://layropro.com/api/mcpstreamable-httpできること
ツール一覧
ツール(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.
入力スキーマ
{
"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.
入力スキーマ
{
"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).
入力スキーマ
{
"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.
入力スキーマ
{
"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.
入力スキーマ
{
"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.
入力スキーマ
{
"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.
入力スキーマ
{
"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.
入力スキーマ
{
"type": "object",
"properties": {
"slug": {
"type": "string",
"maxLength": 200,
"description": "A component or template slug."
}
},
"required": [
"slug"
],
"$schema": "http://json-schema.org/draft-07/schema#"
}コミュニティ
エビデンス