mcpField
C
CF-MCP-Server

CF-MCP-Server

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

CF-MCP-Server について

CF-MCP-Serverは、Cloudflare Workers上で動作する画像生成MCPサービスです。MCP経由で画像を生成するアプリ向けに、Flux-1-Schnellを使い、Base64エンコードされたPNGを返します。

主な機能

  1. 01MCP画像生成インターフェース
  2. 02Flux-1-Schnellモデルの利用
  3. 03生成ステップ数を4～8に設定
  4. 04Base64エンコードPNGの返却
  5. 05カスタムツールとリソースの拡張

活用シーン

  1. 01MCPクライアント向けの画像生成
  2. 02画像生成ステップ数の調整
  3. 03Cloudflare Workersへの画像サービスのデプロイ

MCP 対応

MCPクライアントに画像生成機能を提供し、カスタムツールとリソースによる拡張にも対応します。

設定

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

mcp.json · 共通設定
{
  "mcpServers": {
    "cf-mcp-server-turinhub": {
      "command": "npx",
      "args": [
        "-y",
        "create-cloudflare"
      ]
    }
  }
}
起動コマンドnpx -y create-cloudflare

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

パッケージ
npmcreate-cloudflare

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

プロジェクトの README より

CF-MCP-Server

License: MIT Cloudflare Workers

基于 Model Context Protocol (MCP) 的图像生成服务实现，采用 Cloudflare Workers 构建。

核心功能

  • 🖼️ 基于 MCP 协议的标准化服务接口
  • 🚀 开箱即用的图像生成 Worker 模块
  • 🔧 支持快速扩展自定义工具和资源
  • ⚡ 边缘计算优化部署

模块构成

mcp-image-generation
graph LR
    subgraph mcp-image-generation
    A[Cloudflare Worker] --> B[Flux-1-Schnell 模型]
    A --> C[图像生成API]
    C --> D((4-8 steps))
    end
  • 支持步骤数范围：4-8 steps
  • 响应格式：Base64 编码的 PNG 图像
  • 部署方式：Cloudflare Workers

快速开始

环境要求
  • Node.js 18+
  • Wrangler CLI
  • NPM
安装部署
# 安装依赖
pnpm install

# 配置环境变量
cp .env.example .env

# 部署Worker
pnpm deploy

API 文档

图像生成接口

配置示例:

{
  "mcpServers": {
    "generateImage": {
      "command": "/Users/zhangxudong/Gits/turinhub/cf-mcp-server/mcp-image-generation/node_modules/.bin/workers-mcp",
      "args": [
        "run",
        "generateImage",
        "https://mcp-image-generation.turinhub.com",
        "/Users/zhangxudong/Gits/turinhub/cf-mcp-server/mcp-image-generation"
      ],
      "env": {}
    }
  }
}

参数说明:

参数类型约束说明
promptstring1-500字符英文描述提示词
stepsnumber4 ≤ steps ≤ 8生成迭代步数

开发指南

添加新工具

参考在线文档 官方案例代码库

  1. 使用 MCP SDK 创建新 Worker：
npx create-cloudflare@latest my-new-worker
cd my-new-worker # I always forget this bit
npm install workers-mcp
npx workers-mcp setup

注意：不要在项目本地 package.json 安装 wrangler，直接使用全局管理。

  1. 实现工具逻辑后更新主服务配置
  2. 使用 @modelcontextprotocol/inspector 测试 MCP
npx @modelcontextprotocol/inspector

贡献说明

欢迎通过 Issue 和 PR 参与贡献，请遵循现有代码风格。

许可证

MIT License © 2025 Turinhub

コメント

Markdown 対応

MCP は初めてですか？

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

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