GeminiでCurioを使う
GeminiはUIやスライド資料を生成できますが、そのままでは一般的な見た目になりがちです。MCPでCurioを接続すれば、仕様を手書きせずに1294の実在するデザインスタイルから好きなものを一貫して適用できます。
Geminiでできるようになること
CurioはModel Context Protocol(MCP)サーバーを提供しています。Geminiを接続すると、ライブラリの検索、メタデータの確認、色、タイポグラフィ、余白、コンポーネント、ルールを含む完全なデザイン仕様の取得ができます。
読み取り専用で、OAuthで一度接続すればAPIキーは不要です。同じ接続をGemini、Claude Code、Cursor、VS Code、CodexなどのMCPクライアントで利用できます。
Setup
-
1
CurioのMCPサーバーを追加する
Geminiの拡張機能またはMCP設定から、URLにhttps://mcp.designbycurio.com/mcpを指定したMCPサーバーを追加します。Geminiのバージョンごとの場所は開発者ドキュメントを確認してください。
-
2
OAuthでログインする
Geminiがブラウザでログインを開きます。メール、Google、GitHubのいずれかでログインして承認します。Freeでは無料スタイルを利用でき、ProまたはMaxではライブラリ全体が解放されます。
-
3
スタイルを探す
GeminiにCurioを検索するよう依頼します。たとえば「Curioで温かみのあるエディトリアルスタイルを検索してください」と伝えるか、BauhausやStripeを直接指定します。search_stylesとget_styleで候補を選びます。
-
4
そのスタイルでデザインする
Geminiに選んだスタイルで制作するよう依頼します。get_style_specで完全な仕様を取得し、正確なトークンとルールに従ってスライド、ページ、コンポーネントを生成します。
What you get
一貫した出力:Geminiが生成するすべての成果物は、一つの信頼できる仕様を基に同じ見た目を保ちます。
実在する個性的なスタイル:一般的な既定デザインではなく、数百の運動、ブランド、伝統から選べるため、AIらしい画一的な見た目を避けられます。
ファイル管理は不要:DESIGN.mdを手書きしたり探したりせず、GeminiがMCP経由で取得します。
Example prompts
Curioで温かみのあるエディトリアルスタイルを探し、そのスタイルで製品を紹介する6枚のスライド資料を作成してください。
CurioのBauhausスタイルを使って、このアプリのランディングページをデザインしてください。
FAQ
APIキーは必要ですか?
不要です。CurioのMCPサーバーはOAuthを使います。ブラウザで一度ログインすればGeminiの接続が維持され、コピーや更新が必要なキーはありません。
スタイルの取得には料金がかかりますか?
完全な仕様の取得は、ウェブサイトでの1回のダウンロードと同じくクォータを1つ消費します。Freeには一定の枠があり、ProとMaxではローリング期間内の枠が増えます。検索とメタデータ閲覧は無料です。
ほかのツールでも使えますか?
はい。同じMCPエンドポイントをClaude Code、Cursor、VS Code、Codex、ChatGPTなどで利用できます。クライアント別の設定は開発者ドキュメントを確認してください。