Templateio

🚀 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框架文檔