mcpField
C
chartforge

chartforge

ローカル
github.com/crawdeメディア・デザイン028 週間前に更新
リポジトリ

chartforge について

chartforgeは、自然言語の説明からチャートや図を生成・編集するMCPサーバーです。Claudeで設定可能なビジュアルを作成する人向けに、スタイルプリセットと既存チャートの調整機能を提供します。

主な機能

  1. 01自然言語の指示からチャートを生成
  2. 02生成済みチャートを編集
  3. 03スタイルプリセットの選択
  4. 04チャートの幅と高さを設定
  5. 05利用可能なスタイルを一覧表示

活用シーン

  1. 01説明文から売上の棒グラフを作成
  2. 02マイクロサービス構成図を作成
  3. 03サンキー図でマーケティング予算の流れを可視化

MCP 対応

ClaudeなどのMCPクライアントに、チャート生成、編集、スタイル一覧のツールを提供します。利用にはChartForge APIキーが必要です。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "com-chartforgeai-chartforge": {
      "command": "npx",
      "args": [
        "-y",
        "chartforge-mcp"
      ],
      "env": {
        "CHARTFORGE_API_KEY": "<CHARTFORGE_API_KEY>"
      }
    }
  }
}
起動コマンドnpx -y chartforge-mcp
設定が必要な環境変数
CHARTFORGE_API_KEYシークレットYour ChartForge API key from chartforgeai.com

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npmchartforge-mcp0.1.4

ツール

3

掲載時のツール一覧 · 2 週間前に更新

パラメーター型必須説明
styleenumいいえビジュアルスタイルのプリセットです。デフォルト：auto（AI が最適なスタイルを選択）。midnight | frost | ember | minimal | corporate | neon | light
widthnumberいいえ幅（ピクセル単位）。デフォルト：1200
heightnumberいいえ高さ（ピクセル単位）。デフォルト：800
promptstringはい生成するグラフまたは図の説明です。データ、ラベル、可視化したい内容を具体的に指定してください。

詳細

ChartForge MCP サーバー

自然言語の指示から、出版物にふさわしい美しいチャートや図を生成します。Claude の中で直接利用できます。

セットアップ

Claude Desktop

claude_desktop_config.json に以下を追加します。

{
  "mcpServers": {
    "chartforge": {
      "command": "npx",
      "args": ["chartforge-mcp"],
      "env": {
        "CHARTFORGE_API_KEY": "your_api_key_here"
      }
    }
  }
}
環境変数
変数必須説明
CHARTFORGE_API_KEYはいchartforgeai.com で取得した API キー
CHARTFORGE_API_URLいいえカスタム API URL（デフォルト：https://chartforgeai.com）

ツール

generate_chart

自然言語の説明からチャートを生成します。

パラメーター：

  • prompt（必須）：チャートの説明
  • style（任意）：スタイルプリセット — midnight、frost、ember、minimal、corporate、neon、light
  • width（任意）：幅（ピクセル単位、デフォルト：1200）
  • height（任意）：高さ（ピクセル単位、デフォルト：800）
refine_chart

以前に生成したチャートを変更します。

パラメーター：

  • chartId（必須）：以前の生成で取得したチャート ID
  • modification（必須）：変更内容
list_styles

利用可能なスタイルプリセットと説明の一覧を表示します。

使用例

「3 年間で四半期ごとの売上が 200 万ドルから 1,800 万ドルに増加する棒グラフを作成」

「マイクロサービスバックエンドのシステムアーキテクチャ図」

「マーケティング予算が各チャネルを通じてコンバージョンに至る流れを示すサンキーダイアグラム」

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。