---MDX_CONTENTSTART--- コンテキストメニューは、AI向けに最適化されたコンテンツや人気のAIツールとの直接連携に素早くアクセスできます。ユーザーが任意のページでコンテキストメニューを開くと、AIツール用のコンテキストとしてコンテンツをコピーしたり、ChatGPT、Claude、Perplexity、または任意のカスタムツールで、ドキュメントをコンテキストとして事前に読み込んだ状態の会話を開始できます。 ---MDX_CONTENTEND--- コンテキストメニューには、設定に識別子を追加することで有効化できる、いくつかのあらかじめ用意されたオプションが含まれます。
オプション識別子説明
ページをコピーcopy現在のページをMarkdownとしてコピーし、AIツールにコンテキストとして貼り付けられます
Markdownとして表示view現在のページをMarkdownとして開きます
ChatGPTで開くchatgpt現在のページをコンテキストとして使用して、ChatGPTのスレッドを作成します
Claudeで開くclaude現在のページをコンテキストとして使用して、Claudeのスレッドを作成します
Perplexityで開くperplexity現在のページをコンテキストとして使用して、Perplexityのスレッドを作成します
MCPサーバーURLをコピーmcpMCPサーバーのURLをクリップボードにコピーします
Cursorに接続cursorホストしているMCPサーバーをCursorにインストールします
VS Codeに接続vscodeホストしているMCPサーバーをVS Codeにインストールします
展開されたコンテキストメニューに、ページをコピー、Markdownとして表示、ChatGPTで開く、Claudeで開くの項目が表示されています。

​
コンテキストメニューを有効にする

docs.json に contextual フィールドを追加し、含めたいオプションを指定します。 
{
 "contextual": {
   "options": [
     "copy",
     "view",
     "chatgpt",
     "claude",
     "perplexity",
     "mcp",
     "cursor",
     "vscode"
   ]
 }
}

​
カスタムオプションの追加

options 配列にオブジェクトを追加して、コンテキストメニューにカスタムオプションを作成します。各カスタムオプションには次のプロパティが必要です:
​
title
string
required
オプションのタイトル。
​
description
string
required
オプションの説明。コンテキストメニューを展開すると、タイトルの下に表示されます。
​
icon
string
required
表示するアイコン。オプション:
  • Font Awesome icon の名前
  • Lucide icon の名前
  • 中括弧で囲んだ JSX 互換の SVG コード
  • 外部ホスティングされたアイコンへの URL
  • プロジェクト内のアイコンファイルへのパス
カスタム SVG アイコンの場合:
  1. SVGR converter で SVG を変換します。
  2. SVG コードを SVG 入力フィールドに貼り付けます。
  3. JSX 出力フィールドから完全な <svg>...</svg> 要素をコピーします。
  4. JSX 互換の SVG コードを中括弧で囲みます: icon={<svg ...> ... </svg>}。
  5. 必要に応じて height と width を調整します。
​
iconType
string
Font Awesome のアイコンスタイル。Font Awesome のアイコンでのみ使用されます。オプション: regular、solid、light、thin、sharp-solid、duotone、brands。
​
href
string | object
required
オプションの href。単純なリンクには文字列を、クエリパラメータを伴う動的リンクにはオブジェクトを使用します。
カスタムオプションの例: 
{
    "contextual": {
        "options": [
            "copy",
            "view",
            "chatgpt",
            "claude",
            "perplexity",
            {
                "title": "Request a feature",
                "description": "Join the discussion on GitHub to request a new feature",
                "icon": "plus",
                "href": "https://github.com/orgs/mintlify/discussions/categories/feature-requests"
            }
        ]
    }
}

​
カスタムオプションの例