hybrid server

The server is able to function both locally and remotely, depending on the configuration or use case.

Integrations

Enables publishing the MCP server as an npm package, allowing users to easily install and use the tool.
Utilizes TypeScript for developing MCP tools, providing type safety and better developer experience.
Uses Zod for schema validation of tool inputs, ensuring proper data validation for the image generation tools.

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.

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"}
    },
  }
}

Construcción y pruebas

Realizar cambios en sus herramientas
Ejecute npm run build para compilar
El servidor cargará automáticamente sus herramientas al iniciarse

Más información

You must be authenticated.

A

security – no known vulnerabilities

F

license - not found

A

quality - confirmed to work

Un servidor de protocolo de contexto de modelo que proporciona una herramienta de generación de imágenes utilizando Templated.io, permitiendo a los usuarios crear imágenes personalizadas basadas en plantillas con capas de texto e imágenes.

Related Resources

Reddit Discussion about this server