sirocco.gallery

{
  "name": "list_instruments",
  "kind": "answer",
  "impl": "imperative",
  "description": "List the design instruments in the sirocco gallery. Each instrument is a curated, named design-token set (a palette) that ships with a live steward enforcing it.",
  "inputSchema": {
    "type": "object",
    "properties": {}
  },
  "page": "/"
}

{
  "name": "recommend_instrument",
  "kind": "act",
  "impl": "imperative",
  "description": "Recommend the instrument that best fits what you are building. Describe the mood, tone, and use case (e.g. “a dark warm dashboard” or “a light documentation site”).",
  "inputSchema": {
    "type": "object",
    "properties": {
      "need": {
        "type": "string",
        "description": "What you are building and the mood/tone you want.",
        "default": "a dark warm dashboard",
        "examples": [
          "a dark warm dashboard",
          "a minimalist light documentation site"
        ]
      }
    },
    "required": [
      "need"
    ]
  },
  "page": "/"
}

{
  "name": "get_instrument",
  "kind": "answer",
  "impl": "imperative",
  "description": "Get full details for one instrument by id: palette, token counts, export formats, and price. The full token files are delivered with purchase, not here.",
  "inputSchema": {
    "type": "object",
    "properties": {
      "id": {
        "type": "string",
        "description": "Instrument id, e.g. \"001\".",
        "default": "001",
        "examples": [
          "001",
          "002",
          "003"
        ]
      }
    },
    "required": [
      "id"
    ]
  },
  "page": "/"
}

{
  "name": "check_design_drift",
  "kind": "answer",
  "impl": "imperative",
  "description": "The steward. Check CSS against an instrument’s exact tokens (color + radius) and get every drift named: what you wrote versus what the instrument expects. Deterministic and local — runs in the page, no round-trip.",
  "inputSchema": {
    "type": "object",
    "properties": {
      "instrument_id": {
        "type": "string",
        "description": "Instrument id, e.g. \"001\".",
        "default": "001",
        "examples": [
          "001",
          "002"
        ]
      },
      "code": {
        "type": "string",
        "description": "The CSS to check.",
        "default": ".panel { color: #ff00ff; border-radius: 12px; }",
        "examples": [
          ".panel { color: #ff00ff; border-radius: 12px; }"
        ]
      }
    },
    "required": [
      "instrument_id",
      "code"
    ]
  },
  "page": "/"
}

{
  "name": "verify_design_conformance",
  "kind": "act",
  "impl": "imperative",
  "description": "Verify whether a specific color conforms to one of the gallery’s palettes (instruments). Give a `hex` color and a `palette` (name or instrument id, e.g. \"after hours\", \"salt room\", or \"001\"). Returns whether the color is in-palette and, if not, the nearest expected token and its value — real drift, computed locally in the page with no round-trip.",
  "inputSchema": {
    "type": "object",
    "properties": {
      "hex": {
        "type": "string",
        "description": "The color to check, e.g. \"#ADD8E6\".",
        "examples": [
          "#ADD8E6",
          "#1a1a1a"
        ]
      },
      "palette": {
        "type": "string",
        "description": "Palette name or instrument id, e.g. \"after hours\", \"salt room\", or \"001\".",
        "examples": [
          "after hours",
          "salt room",
          "001"
        ]
      }
    },
    "required": [
      "hex"
    ]
  },
  "page": "/"
}

{
  "name": "normalize_tokens",
  "kind": "act",
  "impl": "imperative",
  "description": "Mint a canonical token set from YOUR OWN design tokens — not the gallery’s. Paste a messy design system in any supported shape (CSS custom properties, a JSON / Tokens Studio file, a Tailwind theme/config, or just raw CSS to infer from) and get back sirocco’s canonical shape: color, radius, space, and font, plus the detected format and any warnings. Pure and local — nothing is sent to a server.",
  "inputSchema": {
    "type": "object",
    "properties": {
      "tokens": {
        "type": "string",
        "description": "Your design tokens as text: CSS custom properties, a JSON token set, a Tailwind theme object, or raw CSS to infer values from.",
        "default": ":root { --color-bg: #0e0e10; --brand-500: #6e56cf; --radius-md: 8px; }",
        "examples": [
          ":root { --color-bg: #0e0e10; --brand-500: #6e56cf; --radius-md: 8px; }"
        ]
      }
    },
    "required": [
      "tokens"
    ]
  },
  "page": "/"
}