Flux Image Generator

🚀 流動クラウドフレアMCPプロジェクト

このプロジェクトは、Cloudflare Workers APIに基づくMCPサーバープロジェクトで、Fluxモデルを通じて画像生成を実現することを目的としています。以下にプロジェクトの詳細情報を示します。

🚀 クイックスタート

本プロジェクトは、Cloudflare Workers APIに基づいて実装されたMCPサーバーで、Fluxモデルを通じて画像生成をサポートしています。Claude DesktopやCursorなどの様々なMCPクライアントに適用可能です。

✨ 主な機能

• モデルサポート：Fluxモデルを統合し、高品質な画像を生成します。
• プロトコル互換性：MCPプロトコルをサポートし、他のMCPクライアントと互換性があります。
• クラウドフレアワーカー：Cloudflareのサーバーレスアーキテクチャを使用してバックエンドロジックを実現します。
• 型安全：TypeScriptを使用してコード品質を保証します。
• データ検証：Zodを使用して実行時のデータ検証を行います。

📦 インストール

リポジトリをクローンする

git clone https://github.com/Hzzy2O/flux-cloudflare-mcp.git
cd flux-cloudflare-mcp

依存関係をインストールする

npm install

プロジェクトをビルドする

npm run build

📚 ドキュメント

設定説明

プロジェクトには以下の環境変数が必要です。

• FLUX_API_TOKEN：認証用のAPIトークン
• FLUX_API_URL：接続するFlux APIのURL（snakeying/flux-api-workerまたはaigem/cf-flux remixから）

統合ガイド

Cursorでの設定方法

方法一：設定ファイルを編集する

~/.cursor/settings.jsonを編集し、以下の内容を追加します。

{
  "mcpServers": {
    "flux-cloudflare-mcp": {
      "command": "env FLUX_API_TOKEN=YOUR_TOKEN FLUX_API_URL=YOUR_API_URL npx -y flux-cloudflare-mcp"
    }
  }
}

方法二：Cursorの設定画面を使用する

1. Cursorを開き、設定画面に移動します。
2. "MCP"または"モデルコンテキストプロトコル"オプションに移動します。
3. "サーバーを追加"をクリックします。
4. 以下のコマンドを入力します。

env FLUX_API_TOKEN=YOUR_TOKEN FLUX_API_URL=YOUR_API_URL npx -y flux-cloudflare-mcp

Claude Desktopでの設定方法

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

{
  "mcpServers": {
    "flux-cloudflare-mcp": {
      "command": "npx",
      "args": ["-y", "flux-cloudflare-mcp"],
      "env": {
        "FLUX_API_TOKEN": "YOUR_TOKEN",
        "FLUX_API_URL": "YOUR_API_URL"
      }
    }
  }
}

開発情報

技術スタック

• MCP SDK：核心的なMCP機能を提供します。
• Cloudflare Workers：サーバーレスアーキテクチャ。
• TypeScript：型安全を実現します。
• Zod：実行時のデータ検証。

プロジェクトのURL

• GitHubリポジトリ

📄 ライセンス

本プロジェクトはMITライセンスに基づいています。詳細はLICENSEファイルを参照してください。

🔗 リソースリンク

• MCPプロトコルドキュメント
• Cloudflare Workersドキュメント
• Fluxモデルドキュメント
• MCP TypeScript SDK
• snakeying/flux-api-worker - シンプルなFlux APIの実装
• aigem/cf-flux remix - Webインターフェース付きの機能豊富なFlux API

🤝 貢献ガイド

貢献を歓迎します！[CONTRIBUTING.md]を参照してください。

🏷️ タグ