MCP TemplateIO - 图像生成工具

一个使用mcp-framework构建的MCP服务器，提供基于Templated.io的图像生成工具。

概述

此模板为构建具有自定义工具的MCP服务器提供了起点。它包含了一个示例工具，并附有添加更多工具、开发它们以及将其发布到npm的说明。本README将指导您完成设置、开发和部署自己的MCP服务器的过程。

快速入门

# 安装依赖
npm install

# 构建项目
npm run build

项目结构

mcp-templateio/
├── src/
│   ├── tools/        # MCP 工具
│   │   ├── ExampleTool.ts
│   │   └── TemplatedImageTool.ts # 图像生成工具
│   └── index.ts      # 服务器入口点
├── package.json
└── tsconfig.json

可用工具

模板化图像生成器

该工具基于模板，使用文本和图像URL生成图像，利用了Templated.io API。

输入参数：

• templateId: Templated.io模板的ID
• photoBgImageUrl: "photo-bg"层中使用的图像URL。
• bgYellowImageUrl: "bg-yellow"层中使用的图像URL。
• buildText: "build"文本层中的文本内容。

工具开发

工具示例结构：

import { MCPTool } from "mcp-framework";
import { z } from "zod";

interface MyToolInput {
  message: string;
}

class MyTool extends MCPTool<MyToolInput> {
  name = "my_tool";
  description = "描述您的工具的功能";

  schema = {
    message: {
      type: z.string(),
      description: "此输入参数的描述",
    },
  };

  async execute(input: MyToolInput) {
    // 您的工具逻辑
    return `处理结果：${input.message}`;
  }
}

export default MyTool;

添加组件

项目附带了示例工具在src/tools/ExampleTool.ts和TemplatedImageTool.ts。您可以使用CLI添加更多工具：

# 添加新工具
mcp add tool my-tool

# 示例工具：
mcp add tool data-processor
mcp add tool api-client
mcp add tool file-handler

发布到npm

1. 更新package.json：

   • 确保name唯一且符合npm命名规范
   • 设置适当的version
   • 添加description, author, license等信息
   • 检查bin是否指向正确的入口文件

2. 本地构建和测试：

   npm run build
   npm link
   mcp-templateio  # 在本地测试您的CLI
   

3. 登录npm（如无账号请先创建）：

   npm login
   

4. 发布包：

   npm publish
   

使用Claude Desktop

# 全局安装依赖
npm install -g mcp-templateio

# 创建新项目并运行
mcp new my-project && cd my-project && npm start

在package.json中添加以下配置：

"scripts": {
  "start": "mcp start"
}

构建与测试

npm run build
npm test

文档资源

• MCP框架GitHub
• MCP框架文档