backgrounds

Deterministic procedural SVG/PNG backgrounds: 58 generators, curated palettes, brand kits.

¿Debería usar esto?

Calidad y seguridad

A
Calidad de la descripción
100%
Integridad del esquema
79%
Calidad de los nombres
93%
Riesgo de envenenamiento
100%
Coincidencia de permisos
100%
Cumplimiento del protocolo
100%

Basado en el análisis automatizado de las definiciones de herramientas y el cumplimiento del protocolo.

Costo de contexto

~1,367Tokens (definiciones de herramientas)
~1.6 KBTamaño de respuesta típico
Impacto moderado en la atención (1.07% del contexto de 128k)

Este es el número aproximado de tokens que se consumen cada vez que las herramientas del servidor se cargan en el contexto de un modelo. Los recuentos más altos reducen la atención disponible para otras tareas.

Instalar

Instalación con un clic

Agrega esto a tu archivo `claude_desktop_config.json`:

{
  "mcpServers": {
    "backgrounds": {
      "command": "npx",
      "args": [
        "@creatica/mcp"
      ]
    }
  }
}

Paquetes ejecutables

npm@creatica/mcp0.1.3stdio

Puntos de conexión remotos

https://api.creatica.app/mcpstreamable-http

Qué puede hacer

Inventario de herramientas

Herramientas (6)

🟢 Solo lectura🟡 Escritura🔴 Eliminación⚪ Desconocido
🟢list_backgrounds(query, mood, tag, limit)

Browse the catalog of background structures. Optionally filter by a free-text query, tag or mood word. Returns name, one-line summary, mood, use cases and a preview URL for each.

Esquema de entrada

{
  "type": "object",
  "properties": {
    "query": {
      "description": "Free text, e.g. \"calm waves\" or \"geometric poster\".",
      "type": "string"
    },
    "mood": {
      "description": "A mood word, e.g. dark, playful, minimal, retro.",
      "type": "string"
    },
    "tag": {
      "type": "string"
    },
    "limit": {
      "type": "integer",
      "minimum": 1,
      "maximum": 100
    }
  },
  "$schema": "http://json-schema.org/draft-07/schema#"
}
🟢suggest_backgrounds(brief, limit)

Rank structures for a natural-language brief ("dark aurora glow for an AI landing page"). Returns why each matched, matching built-in palettes, and a ready-to-run example request for generate_background.

Esquema de entrada

{
  "type": "object",
  "properties": {
    "brief": {
      "type": "string",
      "minLength": 2
    },
    "limit": {
      "type": "integer",
      "minimum": 1,
      "maximum": 20
    }
  },
  "required": [
    "brief"
  ],
  "$schema": "http://json-schema.org/draft-07/schema#"
}
🟢describe_background(name, format)

Full style card for one structure: what it looks like, mood, where text can go, tips, and every parameter it honours with ranges, defaults and the visual effect of low/high values. Also returns the JSON Schema for a generate request.

Esquema de entrada

{
  "type": "object",
  "properties": {
    "name": {
      "type": "string",
      "description": "Structure name from list_backgrounds, e.g. \"wave\"."
    },
    "format": {
      "description": "markdown (default) is best for reading; json includes the JSON Schema.",
      "type": "string",
      "enum": [
        "markdown",
        "json"
      ]
    }
  },
  "required": [
    "name"
  ],
  "$schema": "http://json-schema.org/draft-07/schema#"
}
🟢list_palettes(mood)

Built-in curated colour palettes with their hex colours and derived mood tags (dark, pastel, vivid, warm, cool…). Pass the id as palette.palette to generate_background.

Esquema de entrada

{
  "type": "object",
  "properties": {
    "mood": {
      "description": "Filter by a mood tag, e.g. \"dark\" or \"pastel\".",
      "type": "string"
    }
  },
  "$schema": "http://json-schema.org/draft-07/schema#"
}
🟢list_brand_kits

Saved brand palettes on this account. Pass a kit's slug as `brand` to generate_background to render on-brand without repeating hex colours.

Esquema de entrada

{
  "type": "object",
  "properties": {},
  "$schema": "http://json-schema.org/draft-07/schema#"
}
🟢generate_background(structure, seed, width, height, palette, ...)

Render a background as SVG or PNG. Deterministic: the same structure, options and seed always give the same image, so store the returned seed. Returns a permanent, cacheable image URL you can use directly in <img>/CSS, plus an inline PNG preview. Call describe_background first to learn which shape options the structure honours.

Esquema de entrada

{
  "type": "object",
  "properties": {
    "structure": {
      "type": "string",
      "description": "Structure name, e.g. \"wave\"."
    },
    "seed": {
      "description": "Any string. Omit for a fresh random seed (returned in the result).",
      "type": "string"
    },
    "width": {
      "type": "integer",
      "minimum": 1,
      "maximum": 8192
    },
    "height": {
      "type": "integer",
      "minimum": 1,
      "maximum": 8192
    },
    "palette": {
      "type": "object",
      "properties": {
        "colors": {
          "description": "Explicit hex colours to draw from (best for brand matching). Overrides palette/scheme.",
          "minItems": 1,
          "maxItems": 12,
          "type": "array",
          "items": {
            "type": "string",
            "pattern": "^#?([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
          }
        },
        "palette": {
          "description": "Id of a built-in palette from list_palettes, e.g. \"underTheSea\".",
          "type": "string"
        },
        "primaryColor": {
          "type": "string",
          "pattern": "^#?([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
        },
        "secondaryColor": {
          "type": "string",
          "pattern": "^#?([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
        },
        "backgroundColor": {
          "type": "string",
          "pattern": "^#?([0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$"
        },
        "gradientColor": {
          "description": "Gradient fills instead of flat colour.",
          "type": "boolean"
        },
        "useMultiColor": {
          "description": "false = everything in primaryColor.",
          "type": "boolean"
        },
        "colorSchemeType": {
          "description": "Derive a palette from primaryColor.",
          "type": "string",
          "enum": [
            "Mono",
            "Tetrade",
            "Analogic"
          ]
        },
        "opaqueColors": {
          "type": "boolean"
        }
      },
      "additionalProperties": false
    },
    "shape": {
      "type": "object",
      "propertyNames": {
        "type": "string"
      },
      "additionalProperties": {
        "type": [
          "number",
          "boolean",
          "string"
        ]
      },
      "description": "Structure-specific options; call describe_background for the exact keys, ranges and what they do."
    },
    "format": {
      "description": "png (default) returns a viewable image; svg returns the vector source.",
      "type": "string",
      "enum": [
        "svg",
        "png"
      ]
    },
    "pngWidth": {
      "description": "Raster width for PNG output/preview. Defaults to the render width, capped for inline previews.",
      "type": "integer",
      "minimum": 16,
      "maximum": 8192
    },
    "brand": {
      "description": "Slug of a saved brand kit (see list_brand_kits); its colours become the palette baseline.",
      "type": "string"
    }
  },
  "required": [
    "structure"
  ],
  "$schema": "http://json-schema.org/draft-07/schema#"
}

Prompts recomendados

list_items
List all [items] available in backgrounds
Herramientas esperadas: list_backgrounds
browse_collection
Show me the [collection] from backgrounds
Herramientas esperadas: list_backgrounds

Comunidad

Califica este servidor

Evidencia

Observaciones recientes

verificadoversión no registrada6 herramientas
verificadoversión no registrada6 herramientas