MCP TemplateIO - Herramienta de generación de imágenes

Un servidor de Protocolo de Contexto de Modelo (MCP) creado con mcp-framework que proporciona una herramienta de generación de imágenes utilizando Templated.io.

Descripción general

Esta plantilla proporciona un punto de partida para crear servidores MCP con herramientas personalizadas. Incluye una herramienta de ejemplo e instrucciones para añadir más herramientas, desarrollarlas y publicarlas en npm. Este archivo README le guiará en el proceso de configuración, desarrollo e implementación de su propio servidor MCP.

Related MCP server: Meme MCP Server

Inicio rápido

# Install dependencies
npm install

# Build the project
npm run build

Estructura del proyecto

mcp-templateio/
├── src/
│   ├── tools/        # MCP Tools
│   │   ├── ExampleTool.ts
│   │   └── TemplatedImageTool.ts # Image generation tool
│   └── index.ts      # Server entry point
├── package.json
└── tsconfig.json

Herramientas disponibles

Generador de imágenes con plantillas

Esta herramienta genera una imagen basada en una plantilla, texto dado y URLs de imágenes, utilizando la API Templated.io.

Parámetros de entrada:

• templateId : ID de la plantilla Templated.io a utilizar

• photoBgImageUrl : URL de la imagen que se colocará en la capa "photo-bg".

• bgYellowImageUrl : URL de la imagen que se colocará en la capa "bg-yellow".

• buildText : Contenido de texto para la capa de texto "build".

Desarrollo de herramientas

Ejemplo de estructura de herramienta:

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

interface MyToolInput {
  message: string;
}

class MyTool extends MCPTool<MyToolInput> {
  name = "my_tool";
  description = "Describes what your tool does";

  schema = {
    message: {
      type: z.string(),
      description: "Description of this input parameter",
    },
  };

  async execute(input: MyToolInput) {
    // Your tool logic here
    return `Processed: ${input.message}`;
  }
}

export default MyTool;

Agregar componentes

El proyecto incluye una herramienta de ejemplo en src/tools/ExampleTool.ts y TemplatedImageTool.ts . Puedes agregar más herramientas mediante la CLI:

# Add a new tool
mcp add tool my-tool

# Example tools you might create:
mcp add tool data-processor
mcp add tool api-client
mcp add tool file-handler

Publicación en npm

1. Actualice su paquete.json:

   • Asegúrese de que name sea único y siga las convenciones de nomenclatura de npm

   • Establecer version apropiada

   • Añadir description , author , license , etc.

   • Verificar los puntos bin en el archivo de entrada correcto

2. Construir y probar localmente:

   npm run build
   npm link
   mcp-templateio  # Test your CLI locally

3. Inicie sesión en npm (cree una cuenta si es necesario):

   npm login

4. Publica tu paquete:

   npm publish

Después de publicar, los usuarios pueden agregarlo a su cliente de escritorio Claude (leer a continuación) o ejecutarlo con npx

Uso con Claude Desktop

Desarrollo local

Agregue esta configuración a su archivo de configuración de 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"]
    }
  }
}

Después de la publicación

OBTENGA SU CLAVE API AQUÍ: https://app.templated.io/api-integration?template=4ae9a86b-4ecd-44ee-aebd-7c5a49c16969

Agregue esta configuración a su archivo de configuración de 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"}
    },
  }
}

Construcción y pruebas

1. Realizar cambios en sus herramientas

2. Ejecute npm run build para compilar

3. El servidor cargará automáticamente sus herramientas al iniciarse

Más información

• Github del marco MCP

• Documentos del marco MCP