Curio — design style library

Curio MCP

AI を Curio に接続します。Curio は AI エージェント向けに構築されたデザインスタイルライブラリです。 何千ものデザインスタイル（実際のデザインムーブメント、ブランド、文化的伝統）があり、それぞれに機械可読な仕様が用意されているため、エージェントはスライド、ウェブサイト、製品に直接適用できます。

• ぴったりのスタイルを見つける：英語または中国語で検索するか、作成するもの（スライド、ウェブサイト、アプリ、店舗、記事、ポスターなど）や、求める雰囲気（ミニマル、ラグジュアリー、遊び心のある、レトロ、未来的など）で絞り込めます。

• 選ぶ前に確認する：すべてのスタイルにカバー画像が付属し、リクエストすると実際のレイアウトのスクリーンショット（スライドの表紙、コンテンツスライド、データスライド、ダッシュボード、価格ページ、記事）も確認できます。

• 正確に適用する：完全なデザイン仕様（DESIGN.md）を取得すると、AI がその正確な色、書体、余白、コンポーネントを使用します。

• エンドポイント：https://mcp.designbycurio.com/mcp（ストリーミング可能な HTTP）

• 認証：ほとんどのクライアントでは OAuth サインインを使用します。サインイン用のブラウザーを開けないクライアントでは、代わりに個人用のAPI キーを使用します。検索、閲覧、プレビューは無料です。1 クレジットでスタイルを永久にアンロックできます（クレジットパックに有効期限はありません）。クレジットがなくなった場合、AI が追加購入用のリンクを提示します。

• プロトコル：MCP 2026-07-28 および 2025 年の改訂版

• ドキュメント：designbycurio.com/docs

ツール

ツール	機能	費用
search_styles	キーワード検索（英語または中国語）。use（作成するもの）、mood、kind（スタイルの由来）、color、era、region、dark で絞り込めます	無料
list_styles	同じフィルターを使って閲覧／ページ送りできます	無料
get_style	1 つのスタイルのメタデータとカバー画像を取得します。scenes を渡すと、実際のレイアウトのスクリーンショット（slide-cover、slide-content、slide-data、dashboard、price、article、または all）を取得できます	無料
get_style_spec	アンロック済みのスタイルの完全なデザイン仕様（DESIGN.md）を取得します。ロック中のスタイルの場合は、費用、残高、クレジット購入用のリンクが返されます	無料
unlock_style	スタイルを永久にアンロックし、仕様を返します。実行前に AI が確認します	1 スタイルにつき 1 クレジット
get_balance	クレジット残高、アンロック済みのスタイル数、追加購入用のリンクを確認できます	無料

AI が自動でクレジットを使うことはありません。get_style_spec は読み取り専用で、unlock_style はあなたの同意を得た後に呼び出すことを想定しています。すでに所有しているスタイルをアンロックしても費用はかかりません。

インストール

Gemini CLI

gemini extensions install https://github.com/designbycurio/curio-mcp-extension

Claude Code

claude mcp add --transport http curio https://mcp.designbycurio.com/mcp

Claude.ai / Claude Desktop

Settings → Connectors → Add custom connector → https://mcp.designbycurio.com/mcp

Cursor

ボタンをクリックすると Cursor が開き、Curio が追加されます。または、~/.cursor/mcp.json に自分で追加することもできます。初回使用時に Cursor がブラウザーを開き、サインインします。

{
  "mcpServers": {
    "curio": { "url": "https://mcp.designbycurio.com/mcp" }
  }
}

VS Code（Copilot）

ボタンをクリックすると VS Code が開き、Curio がユーザーの MCP 設定にインストールされます。または、.vscode/mcp.json に自分で追加することもできます。初回接続時に VS Code がブラウザーを開き、認証します。

{
  "servers": {
    "curio": { "type": "http", "url": "https://mcp.designbycurio.com/mcp" }
  }
}

Codex（CLI / IDE 拡張機能）

codex mcp add curio --url https://mcp.designbycurio.com/mcp

Kimi Code CLI

kimi mcp add --transport http --auth oauth curio https://mcp.designbycurio.com/mcp

ChatGPT

Settings → Apps & Connectors → Developer mode → https://mcp.designbycurio.com/mcp を追加します。

API キー

ブラウザーでサインインできず、トークン入力欄しかないクライアントもあります（ZCode、WorkBuddy、Qoder、Trae、Cherry Studio、Antigravity、Manus など）。その場合は、個人用 API キーを作成し、リクエストヘッダーとして送信してください。OAuth でサインインできるクライアントには必要ありません。

1. designbycurio.com にサインインし、アカウント → 接続済みアプリ → API キーを開きます。クライアントの名前をキーに付けて作成してください。
2. キーをすぐにコピーしてください。curio_sk_ で始まり、一度しか表示されません。
3. クライアントの MCP 設定で、次のヘッダーを指定してサーバー URL を追加します。

Authorization: Bearer curio_sk_…

ほとんどのクライアントでは、次のような JSON ブロックを使用します。アドレス欄の名前が serverUrl または httpUrl だったり、トランスポートの種類を選ぶよう求められたりする場合は、streamable HTTP を選択してください。

{
  "mcpServers": {
    "curio": {
      "url": "https://mcp.designbycurio.com/mcp",
      "headers": { "Authorization": "Bearer curio_sk_…" }
    }
  }
}

Claude Code では、コマンドラインでヘッダーを指定します。

claude mcp add --transport http curio https://mcp.designbycurio.com/mcp --header "Authorization: Bearer curio_sk_…"

Codex では環境変数からキーを読み込むため、設定ファイルにキーが残ることはありません。

export CURIO_API_KEY=curio_sk_…
codex mcp add curio --url https://mcp.designbycurio.com/mcp --bearer-token-env-var CURIO_API_KEY

VS Code では、キーの入力を求めて安全に保存できるため、mcp.json に書き込まずに済みます。

{
  "inputs": [
    { "type": "promptString", "id": "curio-key", "description": "Curio API key", "password": true }
  ],
  "servers": {
    "curio": {
      "type": "http",
      "url": "https://mcp.designbycurio.com/mcp",
      "headers": { "Authorization": "Bearer ${input:curio-key}" }
    }
  }
}

キーは 2 種類あります。 読み取り専用キー（デフォルト）では、すでにロック解除したスタイルの検索、閲覧、取得ができ、クレジットを消費することはありません。キーの作成時に Allow it to spend credits to unlock styles にチェックを入れると、AI が unlock_style を呼び出すこともできます。OAuth の場合と同様、呼び出し前に確認を求めます。キーはパスワードと同じように扱ってください。チャットに貼り付けたり、リポジトリにコミットしたりしないでください。同じページからいつでもキーを取り消せます。キーを使用しているクライアントは 30 秒以内に動作しなくなります。

プロンプトの例

• 「日本語のミニマルなスタイルを見つけて、ランディングページをそのスタイルに変更してください。」
• 「スイス・インターナショナル・スタイルがスライドでどのように見えるか、選ぶ前に見せてください。」
• 「ピッチデッキに合う高級感のあるスタイルを見つけてください。」
• "找一个适合做 PPT、显高级的风格。"
• 「ダッシュボードに合う 80 年代レトロなスタイルを Curio で探してください。」
• 「bauhaus-weimar の仕様を取得して、スライドに適用してください。」
• 「Curio のクレジットはあといくつ残っていますか？」

リンク

ウェブサイト · ギャラリー · 料金 · ドキュメント · プライバシー · 利用規約 · [email protected]