MCP 服务器

MCP TemplateIO

一个模型上下文协议（Model Context Protocol）服务器，它提供一个使用 Templated.io 的图像生成工具，允许用户基于模板创建自定义图像，这些图像包含文本和图像图层。

README

MCP TemplateIO - 图像生成工具

一个使用 mcp-framework 构建的 Model Context Protocol (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

可用工具

模板化图像生成器

此工具使用 Templated.io API，根据模板，给定文本和图像 URL，生成图像。

输入参数：

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

更新您的 package.json：
- 确保 name 是唯一的并且遵循 npm 命名约定
- 设置适当的 version
- 添加 description、author、license 等。
- 检查 bin 是否指向正确的入口文件

在本地构建和测试：

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

登录到 npm（如果需要，创建帐户）：
```
npm login
```
发布您的包：
```
npm publish
```

发布后，用户可以将其添加到他们的 claude 桌面客户端（阅读下文）或使用 npx 运行它

与 Claude Desktop 一起使用

本地开发

将此配置添加到您的 Claude Desktop 配置文件：

MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json Windows: %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "mcp-templateio": {
      "command": "node",
      "args": ["/absolute/path/to/mcp-templateio/dist/index.js"]
    }
  }
}

发布后

在此处获取您的 API 密钥：https://app.templated.io/api-integration?template=4ae9a86b-4ecd-44ee-aebd-7c5a49c16969

将此配置添加到您的 Claude Desktop 配置文件：

MacOS: ~/Library/Application Support/Claude/claude_desktop_config.json Windows: %APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "mcp-templateio": {
      "command": "node",
      "args": [
        "C:\\Users\\alex0\\Documents\\AA_CodeAndScripts\\modelcontextprotocol\\mcp-templateio\\dist\\index.js"
      ],
      "env": {"TEMPLATED_API_KEY":"YOUR-API-KEY-HERE"}
    },
  }
}