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: Gemini MCP Image Generation 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

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
Construir y probar localmente:
npm run build npm link mcp-templateio # Test your CLI locally
Inicie sesión en npm (cree una cuenta si es necesario):
npm login
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"} }, } }