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"
}커뮤니티
증거