CursorでCurioを使う

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

CurioはModel Context Protocol（MCP）サーバーを提供しています。Cursorを接続すると、ライブラリの検索、スタイルのメタデータの確認、制作物に必要な完全なデザイン仕様の取得ができます。

読み取り専用で、OAuthで一度接続すればAPIキーは不要です。同じ接続をCursor、Claude Code、VS Code、CodexなどのMCPクライアントで利用できます。

Setup

1. 1

   CursorのMCP設定を開く

   CursorでSettings → MCPを開き、URLにhttps://mcp.designbycurio.com/mcpを指定して新しいサーバーを追加します。

2. 2

   OAuthでログインする

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

3. 3

   スタイルを探す

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

4. 4

   そのスタイルで制作する

   Cursorに選んだスタイルでコンポーネントやページを作るよう依頼します。get_style_specで完全な仕様を取得し、正確なトークンとルールに従ってコードを書きます。

What you get

一貫した出力：Cursorが生成するすべてのコンポーネントは、一つの信頼できる仕様を基に同じ見た目を保ちます。

実在する個性的なスタイル：数百の運動、ブランド、伝統から選べるため、UIのAIらしい画一感を避けられます。

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

Example prompts

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

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

FAQ