ChatGPTでCurioを使う
ChatGPTはUIやスライド資料を生成できますが、そのままでは一般的な見た目になりがちです。CurioをMCPコネクタとして接続すれば、デザイン仕様を手書きせずに、1294の実在するデザインスタイルから好きなものを適用できます。
ChatGPTでできるようになること
CurioはModel Context Protocol(MCP)サーバーを提供しています。コネクタとして追加すると、ChatGPTはライブラリの検索、スタイルのメタデータの確認、制作物に必要な完全なデザイン仕様の取得ができるようになります。
接続にはOAuthを使います。一度ログインすればAPIキーは不要です。MCPコネクタはChatGPTのDeveloper Modeから追加します。現在の手順は開発者ドキュメントを確認してください。
Setup
-
1
Developer Modeを有効にする
ChatGPTの設定でDeveloper Modeを有効にし、カスタムMCPコネクタを追加できるようにします。
-
2
Curioコネクタを追加する
URLにhttps://mcp.designbycurio.com/mcpを指定して、新しいコネクタを追加します。
-
3
OAuthでログインする
接続を承認し、メール、Google、GitHubのいずれかでログインします。Freeでは無料スタイルを利用でき、ProまたはMaxではライブラリ全体が解放されます。
-
4
スタイルを使ってデザインする
ChatGPTにCurioのスタイルを探して制作するよう依頼します。完全な仕様を取得し、そのスタイルの正確なトークンとルールに従ってスライド、ページ、コンポーネントを生成します。
What you get
一貫した出力:ChatGPTが生成するすべての成果物は、一つの信頼できる仕様を基に同じ見た目を保ちます。
実在する個性的なスタイル:一般的な既定デザインではなく、数百の運動、ブランド、伝統から選べます。
ファイル管理は不要:ChatGPTがMCP経由でDESIGN.mdをその場で取得するため、手書きする必要はありません。
Example prompts
Curioで温かみのあるエディトリアルスタイルを探し、そのスタイルで製品を紹介する6枚のスライド資料を作成してください。
CurioのBauhausスタイルを使って、このアプリのランディングページをデザインしてください。
FAQ
なぜDeveloper Modeが必要ですか?
ChatGPTでは、Curioのようなサードパーティ製MCPコネクタをDeveloper Modeから追加します。追加後はほかのコネクタと同じように使えます。最新の手順は開発者ドキュメントを確認してください。
ほかのツールでも使えますか?
はい。同じMCPエンドポイントをClaude Code、Cursor、VS Code、Codexなどのクライアントでも利用できます。