Backgrounds

Working · 1.5 s

app.creatica/backgroundsv0.1.3 Domain verified

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

Design & Creative

Source Website Registry entry

Maintain this server? Claim it

Try it

Call this server's tools from your browser. Nothing to install.

https://api.creatica.app/mcp

Authorization (optional)

Bearer <API key> from https://creatica.app/dashboard (optional for low-volume use)

Requests go through mcptry because browsers can't call most MCP servers directly. Header values are sent to the server for that request only and are never stored or logged.

Tool list from our last check. Connect live to refresh it.

describe_background Read-only

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.

namestring, required

Structure name from list_backgrounds, e.g. "wave".

formatstring

markdown (default) is best for reading; json includes the JSON Schema.

Tools (6)

describe_background

read-only

Argument	Type	Description
name*	string	Structure name from list_backgrounds, e.g. "wave".
format	string	markdown (default) is best for reading; json includes the JSON Schema.

Input schema (JSON)

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

generate_background

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.

read-only

Argument	Type	Description
seed	string	Any string. Omit for a fresh random seed (returned in the result).
brand	string	Slug of a saved brand kit (see list_brand_kits); its colours become the palette baseline.
shape	object	Structure-specific options; call describe_background for the exact keys, ranges and what they do.
width	integer
format	string	png (default) returns a viewable image; svg returns the vector source.
height	integer
palette	object
pngWidth	integer	Raster width for PNG output/preview. Defaults to the render width, capped for inline previews.
structure*	string	Structure name, e.g. "wave".

Input schema (JSON)

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

list_backgrounds

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.

read-only

Argument	Type	Description
tag	string
mood	string	A mood word, e.g. dark, playful, minimal, retro.
limit	integer
query	string	Free text, e.g. "calm waves" or "geometric poster".

Input schema (JSON)

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

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.

read-only

No arguments.

Input schema (JSON)

{
  "type": "object",
  "$schema": "http://json-schema.org/draft-07/schema#",
  "properties": {}
}

list_palettes

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.

read-only

Argument	Type	Description
mood	string	Filter by a mood tag, e.g. "dark" or "pastel".

Input schema (JSON)

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

suggest_backgrounds

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.

read-only

Argument	Type	Description
brief*	string
limit	integer

Input schema (JSON)

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