AIを使ってコードのハイライト画像を作成する方法 Carbonara MCP

チャットにコードを貼り付け、希望のスタイルをエージェントに伝えるだけです。構文ハイライトとカスタム余白を適用した高解像度画像を生成します。そのまま使える、洗練された画像ファイルが手に入ります。

1. 01

   コードの解析

   エージェントがスニペットを読み取り、プログラミング言語と強調したい特定の行を特定します。

   cook_code_image
2. 02

   スタイルの適用

   構文ハイライトのルールをコードに適用し、フレームに必要な余白を計算します。

   cook_code_image
3. 03

   画像のレンダリング

   コードとスタイリングの指示に基づいて、ツールが最終的な画像ファイルを生成します。

   cook_code_image
4. 04

   アセットの提供

   完成した画像がチャットインターフェースに直接表示されます。そのままダウンロードやコピーが可能です。

   cook_code_image

Carbonara Connector

準備完了です。MCPクライアントを選択し、セットアップ手順に従ってください。

コネクタリンクhttps://edge.vinkius.com/vk_preview_0XnYwPmDpzM2q6md1Jg1e6TZ6XxnAdczMFbgBlwp/mcpコピー

Claude Desktop

以下の手順で数秒で接続できます。

1. 1In Claude Desktop, open Settings → Connectors.
2. 2Click “Add custom connector” and paste the connector link above as the remote MCP server URL.
3. 3Click Add and start a new chat — Carbonara capabilities are ready to use.

設定 · claude_desktop_config.jsonコピー

{
  "mcpServers": {
    "carbonara-mcp": {
      "url": "https://edge.vinkius.com/vk_preview_0XnYwPmDpzM2q6md1Jg1e6TZ6XxnAdczMFbgBlwp/mcp"
    }
  }
}

• Claude
• ChatGPT
• Cursor
• VS Code
• Windsurf
• Claude Code
• JetBrains
• Cline

リンクをクリックしてMCPをクライアントに接続してください。認証情報は暗号化され、接続後すぐに画像の生成を開始できます。

• 01

  AIが実際のソースコードファイルを書き換えることはありますか？

  いいえ。AIは画像を作成するために、提供されたコードを読み取るだけです。ローカルのファイルやリポジトリを修正することはありません。

• 02

  すべてのプログラミング言語に対応していますか？

  標準的な構文ハイライトのルールが存在する主要な言語は、すべてサポートしています。

• 03

  特定の行を指定してハイライトできますか？

  はい。画像内で強調したい行番号をエージェントに具体的に指示できます。

• 04

  AIが画像をハードドライブに保存しますか？

  いいえ。AIは画像を生成してチャット内に表示します。ファイルは手動で保存またはダウンロードする必要があります。

• 05

  AIに色を選ばせることはできますか？

  はい。ダークモードやライトモードなどの特定のテーマを指定することも、エージェントに標準的なテーマを選ばせることも可能です。

• Carbonaraについて他に質問がありますか？ Connectorのページで回答しています。 Carbonara Connectorの全機能を見る