backgrounds

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

使うべきか

品質と安全性

A
説明の品質
100%
スキーマの完全性
79%
命名の品質
93%
ポイズニングのリスク
100%
権限の一致
100%
プロトコルへの準拠
100%

ツール定義とプロトコルへの準拠に関する自動分析に基づいています。

コンテキストコスト

~1,367トークン数(ツール定義)
~1.6 KB一般的なレスポンスサイズ
注意への影響は中程度(128k コンテキストの 1.07%)

これは、サーバーのツールがモデルのコンテキストに読み込まれるたびに消費されるおおよそのトークン数です。数が多いほど、ほかのタスクに使える注意が減ります。

インストール

ワンクリックインストール

これを `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 件