Koskamo

Tileio MCP

An official MCP server that allows AI coding assistants to search a library of 700+ design layers, retrieve layer palettes and variants, and fetch build prompts for frameworks like HTML, Next.js, React, and Vue without leaving the IDE.

Visit Tileio

Endpoint and access

No sign-in to connect and list tools. Individual tools may still need a vendor account, credentials, or permissions; check the documented prerequisites.

Tileio MCP logo, by TileioVendor evidenceStreamable HTTPNo sign-inEndpoint checked 2026-11-01Operated by Tileio
You need:create one on your account page and send it as an Authorization: Bearer header
MCP endpoint (Streamable HTTP)
https://tileio.com/api/mcp
Vendor documentation

What you can do with it

  • Search design layers by words, category, tier, and tone
  • Retrieve palettes, variants, and parameters for a specific layer
  • Fetch build prompts for target frameworks like React or Next.js
  • List available target frameworks for prompt generation

Source and maintenance

Vendor evidenceRegistry 1.0.0
mcp-registry: com.tileio/tileio@1.0.0Project website

Protocol and capabilities

Server
tileio 1.0.0
MCP protocol
2025-06-18
Tools
4 advertised
Resources
Not advertised
Resource templates
Not advertised
Prompts
Not advertised
Server-advertised capabilities
{
  "tools": {
    "listChanged": true
  }
}

Server-provided instructions

Untrusted server output shown for inspection. It is not Koskamo guidance and is excluded from knowledge search.

Tileio is a library of design layers (templates, sections, pages, elements, vectors, 3D scenes, backgrounds, gradients). Each layer ships as a prompt that rebuilds it in the user's stack. Workflow: search_layers to find candidates, get_layer to see a layer's palettes or variants, then get_prompt with the user's framework (list_targets) and follow the returned prompt as the build brief. Free layers work without a key. Premium prompts are counted per UTC day: 1 without a key, 3 with a key from a Free account, 30 with Pro, no limit with Lifetime (keys: https://tileio.com/account). A layer counts once a day, so fetching its prompt again for another target or palette is free.

Tools

4 advertised

search_layers — Search Tileio layers
Advertised by the server during the last successful anonymous check.
Advertised read-only

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.

search_layers input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "properties": {
    "tier": {
      "enum": [
        "free",
        "premium"
      ],
      "type": "string"
    },
    "tone": {
      "enum": [
        "dark",
        "light"
      ],
      "type": "string",
      "description": "Dark or light base colour."
    },
    "limit": {
      "type": "integer",
      "default": 10,
      "maximum": 50,
      "minimum": 1,
      "description": "Results per page, 1-50."
    },
    "query": {
      "type": "string",
      "maxLength": 200,
      "description": "Words to match, e.g. \"pricing table\", \"dark saas hero\", \"particles\". All words must match."
    },
    "offset": {
      "type": "integer",
      "default": 0,
      "maximum": 9007199254740991,
      "minimum": 0,
      "description": "Skip this many results (paging)."
    },
    "category": {
      "enum": [
        "template",
        "scene",
        "section",
        "background",
        "gradient",
        "page",
        "element",
        "vector"
      ],
      "type": "string",
      "description": "Only this kind of layer."
    }
  }
}
search_layers annotations
{
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true
}
get_layer — Get a Tileio layer
Advertised by the server during the last successful anonymous check.
Advertised read-only

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.

get_layer input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "id"
  ],
  "properties": {
    "id": {
      "type": "string",
      "maxLength": 80,
      "description": "Layer id from search_layers, e.g. \"aurora-mesh\"."
    }
  }
}
get_layer annotations
{
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true
}
get_prompt — Get a layer's build prompt
Advertised by the server during the last successful anonymous check.
Advertised read-only

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.

get_prompt input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "required": [
    "id"
  ],
  "properties": {
    "id": {
      "type": "string",
      "maxLength": 80,
      "description": "Layer id from search_layers."
    },
    "target": {
      "enum": [
        "html",
        "next",
        "react",
        "vue",
        "astro",
        "wordpress",
        "shopify",
        "webflow"
      ],
      "type": "string",
      "default": "html",
      "description": "Framework to build for (see list_targets). Default: one self-contained HTML file."
    },
    "palette": {
      "type": "integer",
      "maximum": 9007199254740991,
      "minimum": 0,
      "description": "Palette index from get_layer. Default 0."
    },
    "variant": {
      "type": "integer",
      "maximum": 9007199254740991,
      "minimum": 0,
      "description": "Variant index from get_layer. Default 0."
    }
  }
}
get_prompt annotations
{
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true
}
list_targets — List framework targets
Advertised by the server during the last successful anonymous check.
Advertised read-only

The frameworks get_prompt can write a layer for, with the id to pass as target.

list_targets input schema
{
  "type": "object",
  "$schema": "https://json-schema.org/draft/2020-12/schema",
  "properties": {}
}
list_targets annotations
{
  "readOnlyHint": true,
  "openWorldHint": false,
  "idempotentHint": true
}

Prompts

Not advertised

No prompt definitions available.

Resources

Not advertised

No resource definitions available.

30-day availability

Aggregated from read-only remote checks; this is not a tool-execution or security guarantee.

Successful checks
1 of 1 (100%)
Average latency
1104 ms
95th percentile latency
1104 ms

Maintenance history

Public check and source-refresh events. Editorial and ownership records remain private.

  • · probe · passed · 1104 ms · metadata changed · 4 tool(s)

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers the remote server. Use --scope project to write .mcp.json for the repo.
Claude Code configuration
claude mcp add --transport http tileio-mcp https://tileio.com/api/mcp

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).
Codex configuration
codex mcp add tileio-mcp --url https://tileio.com/api/mcp

Cursor

Merge this server into .cursor/mcp.json in your project, then enable tileio-mcp in your MCP settings.
Cursor configuration
{
  "mcpServers": {
    "tileio-mcp": {
      "url": "https://tileio.com/api/mcp"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure).
Cline configuration
{
  "mcpServers": {
    "tileio-mcp": {
      "type": "streamableHttp",
      "url": "https://tileio.com/api/mcp",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start tileio-mcp and inspect its tools.
VS Code configuration
{
  "servers": {
    "tileio-mcp": {
      "type": "http",
      "url": "https://tileio.com/api/mcp"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.
Gemini CLI configuration
gemini mcp add --transport http tileio-mcp https://tileio.com/api/mcp

Claude Desktop

Merge this into claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\), then restart Claude Desktop.
Claude Desktop configuration
{
  "mcpServers": {
    "tileio-mcp": {
      "url": "https://tileio.com/api/mcp"
    }
  }
}

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.
Windsurf configuration
{
  "mcpServers": {
    "tileio-mcp": {
      "serverUrl": "https://tileio.com/api/mcp"
    }
  }
}

Let your agent find its tools

Find servers like Tileio MCP from your agent. Add Koskamo once to search the index for endpoints, access requirements, and client setup. Public discovery needs no key.

Connect Koskamo Explore workflows
See all 513

Do you run Tileio MCP?

Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.

Claim this listing