エージェントから使う

ライブラリをMCPサーバーとして接続すると、それがエージェントの中に入ります。ここをブラウズしてプロンプトをコピーし貼り付ける代わりに、ペイウォール画面をリクエストすれば、エージェントがライブラリを検索し、一致したものを見せ、選んだものを構築します。デザインもプロンプトも同じで、ブラウザは不要です。

接続する

エンドポイントはhttps://mcp.clevens.com/mcpです。Streamable HTTPで通信するため、現在のMCPクライアントであればローカルプロキシなしで直接到達できます。検索には何も要りません。デザインを取得するにはキーが必要で、アカウントページで作成できます。クライアントがhttps://mcp.clevens.comのような素のホストを望む場合も動作します。

Claude Code

claude mcp add --transport http clevens https://mcp.clevens.com/mcp \
  --header "Authorization: Bearer mdc_your_key"

Cursor

すべてのプロジェクト向けには~/.cursor/mcp.jsonに、1つだけなら.cursor/mcp.jsonに追加してください。

{
  "mcpServers": {
    "clevens": {
      "url": "https://mcp.clevens.com/mcp",
      "headers": { "Authorization": "Bearer mdc_your_key" }
    }
  }
}

VS Code

ワークスペースの.vscode/mcp.jsonに追加してください。

{
  "servers": {
    "clevens": {
      "type": "http",
      "url": "https://mcp.clevens.com/mcp",
      "headers": { "Authorization": "Bearer mdc_your_key" }
    }
  }
}

それ以外

stdioしか話せないクライアントは、それ自体のインストールが不要なmcp-remoteで橋渡しできます。

npx -y mcp-remote https://mcp.clevens.com/mcp --header "Authorization: Bearer mdc_your_key"

キーを取得する

アカウントページで作成してください。一度しか表示されないので、すぐに設定に貼り付けてください。キーは期限切れがなく、アカウントごとに5個まで、取り消すとすぐに使えなくなります。キーが漏れた場合は取り消して新しく作成してください。それ以外に紐づくものはありません。

エージェントが得られるもの

一度に複数リクエストできます。get_designsが存在するのは、3つの別々のプロンプトだとエージェントがアプリのスキャフォールドを3回行い依存関係を3回インストールしてしまい、似た3つの画面を渡されたエージェントはそれらを共有コンポーネントに統合し始めてしまうためで、それこそがこれらのデザインが決してしてはならないことだからです。

しないこと

• 再テーマ化はしません。ハンドシェイクは、エージェントが1つでもデザインを見る前に、色、タイプ、余白、モーションが記述されたとおりに提供されることを伝えます。パレットに合わせたデザインが欲しい場合は、それが取り込まれ動作するようになった後の別のステップとして依頼してください。
• デザインを作り出すことはしません。一致するものがなければ、近いものを返すのではなく、検索がそう伝えます。
• あなたのアカウントに書き込むことはしません。すべてのツールは読み取り専用で、触れる状態はコピー数だけです。

何か問題があるとき