Quick Chart MCP

🚀 Quick Chart MCP サーバー

このサーバーは、モデルコンテキストプロトコル (MCP) を実装し、Quick Chart と標準化されたインターフェースを介してやり取りできるようにするチャートツールを提供します。この実装はチャート定義に基づいており、ユーザーがQuick Chartのページをシームレスに開くことができます。

🚀 クイックスタート

このMCPサーバーツールは、Quick Chartとのやり取りを可能にします。サーバーは、AIエージェントのチャートインタラクションを標準化するために、モデルコンテキストプロトコル仕様を実装しています。

✨ 主な機能

• このMCPサーバーは、以下のQuick Chartツールを提供します：
  • GetChartImgLink - パラメータを通じてチャート画像のリンクを取得します。
  • InstallQuickChart - ローカルにquick chartサービスをインストールします。

📦 インストール

前提条件

• Node.js (v16 以上)
• pnpm（推奨）、npm または yarn

Smitheryを通じたインストール

Claude Desktopにquick-chart-mcpを自動インストールするには、Smitheryを使用します：

npx -y @smithery/cli install @datafe/quick-chart-mcp --client claude

オプション1：npmを通じたインストール（Cursor/Clineなどのクライアントに推奨）

# グローバルインストール
npm install -g quick-chart-mcp

# または、プロジェクト内にローカルインストール
npm install quick-chart-mcp

オプション2：ソースコードからのビルド（開発者向け）

1. このリポジトリをクローンします：

git clone https://github.com/datafe/quick-chart-mcp
cd quick-chart-mcp

2. 依存関係をインストールします（pnpmを推奨、npmもサポート）：

pnpm install

3. プロジェクトをビルドします：

pnpm run build

4. 開発モードでプロジェクトを実行します（@modelcontextprotocol/inspectorによる開発）：

pnpm run dev

http://localhost:5173 を開きます。

📚 ドキュメント

MCP設定

{
  "mcpServers": {
    "quick-chart-mcp": {
      "autoApprove": [],
      "disabled": false,
      "timeout": 300,
      "command": "npx",
      "args": [
        "quick-chart-mcp@1.0.13"
      ],
      "transportType": "stdio"
    }
  }
}

環境設定

資格情報を含む .env ファイルを作成します：

# Quick Chart 設定
NODE_ENV=optional_development_or_product
QUICK_CHART_DRAW_URL=optional_quick_chart_draw_url
NEED_INSTALL_QUICK_CHART=optional_true_or_false

プロジェクト構造

quick-chart-mcp/
├── src/
│   ├── index.ts          # メインエントリポイント
└── package.json
    └── tsconfig.json

🔧 技術詳細

このサーバーは画像APIに依存しています。

📄 ライセンス

このプロジェクトはMIT Licenseの下で配布されています。

⚠️ 重要提示

• 機密情報は環境変数を使用して保存してください。
• AIエージェントの活動を定期的に監視および監査してください。

💡 使用建议

問題が発生した場合は、ビルドが成功したことを確認してください。

👥 貢献

貢献を歓迎します！自由にPull Requestを提出してください。

1. リポジトリをフォークしてクローンします。
2. 機能ブランチを作成します (git checkout -b feature/amazing-feature)
3. 変更をコミットします (git commit -m 'Add some amazing feature')
4. ブランチにプッシュします (git push origin feature/amazing-feature)
5. Pull Requestを開きます。