Tileio
Search 700+ design layers and fetch the build prompt for HTML, Next.js, React, Vue and more.
使うべきか
品質と安全性
ツール定義とプロトコルへの準拠に関する自動分析に基づいています。
コンテキストコスト
これは、サーバーのツールがモデルのコンテキストに読み込まれるたびに消費されるおおよそのトークン数です。数が多いほど、ほかのタスクに使える注意が減ります。
インストール
ワンクリックインストール
これを `claude_desktop_config.json` ファイルに追加してください:
{
"mcpServers": {
"tileio": {
"command": "npx",
"args": [
"tileio-mcp"
]
}
}
}実行可能なパッケージ
1.0.0stdioリモートエンドポイント
https://tileio.com/api/mcpstreamable-httpできること
ツール一覧
ツール（4）
🟢search_layers(query, category, tier, tone, limit, ...)
Search the Tileio library by free text and filters. Returns layer ids with their catalogue number (the N° shown on tileio.com), title, category, subtitle (industry, section type, technique...), tier, tone, description and page URL. get_prompt on a premium layer counts toward a daily limit; pass tier "free" to list only layers with no limit.
入力スキーマ
{
"type": "object",
"properties": {
"query": {
"description": "Words to match, e.g. \"pricing table\", \"dark saas hero\", \"particles\". All words must match.",
"type": "string",
"maxLength": 200
},
"category": {
"description": "Only this kind of layer.",
"type": "string",
"enum": [
"template",
"scene",
"section",
"background",
"gradient",
"page",
"element",
"vector"
]
},
"tier": {
"type": "string",
"enum": [
"free",
"premium"
]
},
"tone": {
"description": "Dark or light base colour.",
"type": "string",
"enum": [
"dark",
"light"
]
},
"limit": {
"default": 10,
"description": "Results per page, 1-50.",
"type": "integer",
"minimum": 1,
"maximum": 50
},
"offset": {
"default": 0,
"description": "Skip this many results (paging).",
"type": "integer",
"minimum": 0,
"maximum": 9007199254740991
}
},
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢get_layer(id)
Details of one layer by id: description, fonts, blocks, and the palettes or variants (with their index) and parameters that get_prompt accepts. Does not include the prompt or source.
入力スキーマ
{
"type": "object",
"properties": {
"id": {
"type": "string",
"maxLength": 80,
"description": "Layer id from search_layers, e.g. \"aurora-mesh\"."
}
},
"required": [
"id"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢get_prompt(id, target, palette, variant)
The full prompt that rebuilds a layer in the chosen framework, with the chosen palette (templates, sections, pages, elements, gradients) or variant (3D scenes, backgrounds, vectors). Follow it as the build brief. Free layers have no limit. A premium layer counts once per UTC day against the caller's daily limit (1 without a key, 3 Free, 30 Pro, none for Lifetime); fetching it again that day is free.
入力スキーマ
{
"type": "object",
"properties": {
"id": {
"type": "string",
"maxLength": 80,
"description": "Layer id from search_layers."
},
"target": {
"default": "html",
"description": "Framework to build for (see list_targets). Default: one self-contained HTML file.",
"type": "string",
"enum": [
"html",
"next",
"react",
"vue",
"astro",
"wordpress",
"shopify",
"webflow"
]
},
"palette": {
"description": "Palette index from get_layer. Default 0.",
"type": "integer",
"minimum": 0,
"maximum": 9007199254740991
},
"variant": {
"description": "Variant index from get_layer. Default 0.",
"type": "integer",
"minimum": 0,
"maximum": 9007199254740991
}
},
"required": [
"id"
],
"$schema": "https://json-schema.org/draft/2020-12/schema"
}🟢list_targets
The frameworks get_prompt can write a layer for, with the id to pass as target.
入力スキーマ
{
"type": "object",
"properties": {},
"$schema": "https://json-schema.org/draft/2020-12/schema"
}コミュニティ
エビデンス