プロトタイプ · プレビュー版:公式レジストリのすべてのサーバーを掲載し、30分ごとに同期しています。レビューとアカウント機能は今後のステップで始まります。
PopNx MCPAIを使う人のためのMCPサーバー · やさしい言葉で解説

Tileio

作者:tileio.comバージョン 1.0.0i★ –iパソコンでもクラウドでも
レジストリ名com.tileio/tileio

インストール

概要

作者による説明(英語の原文)

Search 700+ design layers and fetch the build prompt for HTML, Next.js, React, Vue and more.

PopNx MCPの3つの柱

この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。

できること

このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。

  • 接続方法: パソコンでもクラウドでも
  • トランスポート: stdio, Streamable HTTP
  • カテゴリ: 検索・AIの記憶
  • 入力が必要なもの:TILEIO_API_KEY, Authorization

インストール

使っているAIアプリを選んで、設定をコピーしてください。

インストールの前に

「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。

必要なもの

  • クラウドで動くインストール不要。インターネット経由でつながります
  • npmNode.jsのインストール(npxコマンドに必要)

どのアプリを使っていますか?

上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。

このアドレスはリクエストの header にキーが必要ですが、コネクタを追加するメニューでは設定できません。代わりにClaude Code、Cursor、VS Codeを使ってください。

または、パソコンで動かす

Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます

{
  "mcpServers": {
    "tileio": {
      "command": "npx",
      "args": [
        "-y",
        "tileio-mcp"
      ],
      "env": {
        "TILEIO_API_KEY": "your-value"
      }
    }
  }
}

ターミナルでこれを実行します

claude mcp add --transport http tileio https://tileio.com/api/mcp --header 'Authorization: Bearer {tileio_api_key}'

または、パソコンで動かす

claude mcp add tileio --env TILEIO_API_KEY=your-value -- npx -y tileio-mcp

動かす前に、空欄の値を入力してください。

Cursorで開く

または、設定を自分でコピーする

プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます

{
  "mcpServers": {
    "tileio": {
      "url": "https://tileio.com/api/mcp",
      "headers": {
        "Authorization": "Bearer {tileio_api_key}"
      }
    }
  }
}

または、パソコンで動かす

Cursorで開く

または、設定を自分でコピーする

プロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます

{
  "mcpServers": {
    "tileio": {
      "command": "npx",
      "args": [
        "-y",
        "tileio-mcp"
      ],
      "env": {
        "TILEIO_API_KEY": "your-value"
      }
    }
  }
}

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

VS Codeで開く

または、設定を自分でコピーする

プロジェクトの .vscode/mcp.json に貼り付けます

{
  "servers": {
    "tileio": {
      "type": "http",
      "url": "https://tileio.com/api/mcp",
      "headers": {
        "Authorization": "Bearer {tileio_api_key}"
      }
    }
  }
}

または、パソコンで動かす

VS Codeで開く

または、設定を自分でコピーする

プロジェクトの .vscode/mcp.json に貼り付けます

{
  "servers": {
    "tileio": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "tileio-mcp"
      ],
      "env": {
        "TILEIO_API_KEY": "your-value"
      }
    }
  }
}

ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。

このアドレスはリクエストの header にキーが必要ですが、コネクタを追加するメニューでは設定できません。代わりにClaude Code、Cursor、VS Codeを使ってください。

選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。

自分で入力する値

  • TILEIO_API_KEY 秘密 env
    Optional. A Tileio API key (tio_...) from https://tileio.com/account, for your account's daily premium allowance.
  • Authorization 秘密 HTTP header
    Optional. A Tileio API key from https://tileio.com/account spends your account's daily premium allowance; without it the server serves free layers and the anonymous allowance.

この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。

できること

ツールの名前と説明は、サーバーが2026年11月7日に返したそのままの内容です。書いたのは作者で、私たちではありません。プレーンテキストとして表示しています。

  • search_layers

    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 da

  • get_layer

    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_prompt

    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

  • list_targets

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

基本チェックi

誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月8日にチェック

  • ! 注意

    作者とリポジトリが一致

    レジストリにソースのリポジトリが載っていないため、公開者(tileio.com)とコードを照合できません

  • … 未チェック

    今もメンテナンスされている

    このリポジトリはまだGitHubから読み取っていません

  • … 未チェック

    ライセンスがある

    このリポジトリはまだGitHubから読み取っていません

  • ✓ 合格

    エンドポイントが応答する

    256ミリ秒で応答(HTTP 200)

  • – 対象外

    OAuthでサインイン

    サインイン不要

  • ✓ 合格

    ツールの説明に隠れた指示がない

    4件のツールの説明を読み、AIへの隠れた指示は見つかりませんでした

検索・AIの記憶のほかのサーバーとの比較i

  • このカテゴリのほかの5675件のうち0%よりスターが多い
  • このカテゴリのほかの5675件のうち73%より最近レジストリに公開
  • 基本チェックの結果が、このカテゴリのほかの5675件のうち39%と同じかそれ以上

レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。

よくある質問

Tileioは安全ですか?

当てはまる基本チェック3項目のうち2項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。

どんなキーやコードが必要ですか?

入力が必要なもの:TILEIO_API_KEY, Authorization

パソコンで動きますか、それともクラウドですか?

どちらでも使えます。パソコンにインストールしても、クラウド版につないでもかまいません。

今もメンテナンスされていますか?

GitHubリポジトリの最終更新は–、最新バージョン(1.0.0)がレジストリに届いたのは14 日前です。

どのアプリで使えますか?

Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URLでつながるので、リモートMCPサーバーに対応したアプリ(開発者モードのChatGPTなど)でも使えます。

代わりに使えるものは?

同じカテゴリには:Context7, Codebase Memory, Exa

代わりの候補

同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。

カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i

Context7

作者:upstash

Up-to-date docs for AI agents

パソコンでもクラウドでも★ 64,224MIT昨日更新
インストール

Codebase Memory

作者:DeusData

Codebase knowledge graph for AI agents — 162 languages, sub-ms queries, 99% fewer tokens.

パソコンで動く★ 48,148MIT21 日前更新
インストール

Exa

作者:exa-labs

Connect AI agents to Exa for web search, content fetching, and multi-step research.

クラウドで動く★ 5,213MIT2 か月前更新
インストール

作者のREADME

リポジトリにREADMEが見つかりません

PopNxに聞く