backgrounds

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

我該用這個嗎

品質與安全性

A
說明品質
100%
結構描述完整度
79%
命名品質
93%
汙染風險
100%
權限相符程度
100%
協定合規性
100%

根據工具定義與協定合規性的自動化分析。

上下文成本

~1,367Token(工具定義)
~1.6 KB典型回應大小
中等的注意力影響(128k 上下文的 1.07%)

這是每次將伺服器的工具載入模型上下文時所消耗的約略 token 數量。數量越高,可用於其他工作的注意力就越少。

安裝

一鍵安裝

將以下內容加入你的 `claude_desktop_config.json` 檔案:

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

可執行的套件

npm@creatica/mcp0.1.3stdio

遠端端點

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

它能做什麼

工具清單

工具(6)

🟢 唯讀🟡 寫入🔴 刪除⚪ 未知
🟢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.

輸入結構描述

{
  "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.

輸入結構描述

{
  "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.

輸入結構描述

{
  "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.

輸入結構描述

{
  "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.

輸入結構描述

{
  "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.

輸入結構描述

{
  "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#"
}

建議的提示詞

list_items
List all [items] available in backgrounds
預期的工具: list_backgrounds
browse_collection
Show me the [collection] from backgrounds
預期的工具: list_backgrounds

社群

為此伺服器評分

證據

近期觀測

已驗證未記錄版本6 個工具
已驗證未記錄版本6 個工具