CodexでCurioを使う

Codexでできるようになること

CurioはModel Context Protocol（MCP）サーバーを提供しています。Codexを接続すると、ライブラリの検索、メタデータの確認、色、タイポグラフィ、余白、コンポーネント、ルールを含む完全なデザイン仕様の取得ができます。

読み取り専用でOAuthログインを使うためAPIキーは不要です。CodexのCLIとIDEは同じ~/.codex/config.tomlを共有するので、一つの設定で両方に対応します。同じ接続はClaude Code、Cursor、VS CodeなどのMCPクライアントでも使えます。

Setup

1. 1

   ~/.codex/config.tomlにCurioを追加する

   ~/.codex/config.tomlにhttps://mcp.designbycurio.com/mcpを指定するMCPサーバー項目を追加します。このファイルはCodexのCLIとIDEで共有されます。正確な書式は開発者ドキュメントを確認してください。

2. 2

   OAuthでログインする

   初回接続時にCodexがブラウザでOAuthログインを開きます。メール、Google、GitHubのいずれかでログインして承認します。Freeでは無料スタイルを利用でき、ProまたはMaxではライブラリ全体が解放されます。

3. 3

   スタイルを探す

   CodexにCurioを検索するよう依頼します。たとえば「Curioで大胆なエディトリアルスタイルを検索してください」と伝えるか、BauhausやStripeを直接指定します。search_stylesとget_styleで候補を選びます。

4. 4

   制作物に適用する

   Codexにそのスタイルで制作するよう依頼します。get_style_specで完全な仕様を取得し、正確なトークンとルールに従ってページ、コンポーネント、スライドを生成します。

What you get

一貫した出力：Codexが生成するすべての画面は、一つの信頼できる仕様を基に同じ見た目を保ちます。

実在する個性的なスタイル：一般的な既定デザインではなく、数百の運動、ブランド、伝統から選べるため、AIらしい画一的な見た目を避けられます。

ファイル管理は不要：DESIGN.mdを手書きしたり探したりせず、CodexがMCP経由で取得します。

Example prompts

Curioでクリーンなフィンテックスタイルを検索し、そのスタイルでこのダッシュボードコンポーネントを作り直してください。

CurioのMemphisスタイルを使って、この製品のランディングページのヒーローセクションを作成してください。

FAQ