🚀 MCP TemplateIO - 图像生成工具

MCP TemplateIO是一个借助mcp - framework构建的MCP服务器，为用户提供基于Templated.io的图像生成工具，能帮助用户轻松实现图像生成相关功能。

🚀 快速开始

安装与构建

# 安装依赖
npm install

# 构建项目
npm run build

✨ 主要特性

• 为构建具备自定义工具的MCP服务器提供起始模板。
• 包含示例工具，同时提供添加更多工具、开发工具以及将其发布到npm的详细说明。
• 提供基于Templated.io的图像生成工具，可根据文本和图像URL生成图像。

📦 安装指南

全局安装依赖

npm install -g mcp-templateio

创建并运行新项目

mcp new my-project && cd my-project && npm start

在package.json中添加配置

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

💻 使用示例

模板化图像生成器

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

输入参数：

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

📚 详细文档

项目结构

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

工具开发

工具示例结构：

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

构建与测试

npm run build
npm test

文档资源

• MCP框架GitHub
• MCP框架文档