AIを使ってコードのスクリーンショット画像を生成する方法

AIチャットにコードを貼り付け、画像を作成するよう指示してください。エージェントがCarbonaraを使用して、コードをカスタムテーマで包み込み、高解像度PNGとして保存します。ドキュメントやSNSですぐに使えるプロフェッショナルな画像が完成します。

1. 01

   スニペットの受信

   エージェントがチャットで提供された生のテキストまたはコードブロックを受け取ります。

   cook_code_image
2. 02

   スタイルの適用

   AIが指定されたテーマ、ウィンドウ装飾、パディング設定を選択します。

   cook_code_image
3. 03

   画像のレンダリング

   ツールがスタイリングされたテキストを高解像度PNGファイルに変換します。

   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

リンクをクリックして接続してください。認証情報は暗号化されて保護されます。接続後は、お使いのクライアントですぐにツールを利用できます。

• 01

  AIは画像内の実際のコードを編集できますか？

  いいえ。AIは提供されたコードを使用して画像を生成するだけで、元のソースファイルを書き換えることはありません。

• 02

  どのようなファイル形式で作成できますか？

  このツールは、高解像度のPNG画像のみを生成します。

• 03

  背景色を変更することはできますか？

  はい。エージェントに対して、特定のカラーや定義済みのテーマを背景に使用するよう指示できます。

• 04

  AIはコードスニペットを保存しますか？

  いいえ。AIは画像生成という特定のタスクを実行するためにスニペットを使用しますが、コードをデータベースに保存することはありません。

• 05

  PNGの代わりにGIFを作成することはできますか？

  いいえ。現在の機能は静止画のPNG生成に限定されています。

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