{
  "id": "contextdev.web.styleguide",
  "object": "tool",
  "name": "Extract Styleguide",
  "summary": "Extract a website's design system: colors, typography, spacing, shadows, and UI components.",
  "description": "Recover a site's design tokens and component styles in one call — color palette, typographic scale, spacing rhythm, border radii, shadows, font asset links, and the styling of common UI elements (buttons, inputs, cards, links). The output is what an agent needs to generate on-brand pages, emails, decks, or component code without a designer in the loop. colorScheme emulates light or dark mode for sites that honor prefers-color-scheme and is part of the cache key.\n\nRaw contextdev#web/styleguide endpoint: input is { body, queryParams, pathParams } as the provider documents them (https://docs.context.dev/api-reference/brand-intelligence/styleguide).",
  "category": "lookup",
  "hosted_by": "Context.dev",
  "runtime": "partner",
  "side_effects": false,
  "status": "live",
  "credits": 0,
  "price": null,
  "providers": [
    {
      "id": "contextdev",
      "name": "Context.dev",
      "price": null,
      "own_key_only": true
    }
  ],
  "mcp_name": "contextdev_web_styleguide",
  "input_schema": {
    "type": "object",
    "properties": {
      "queryParams": {
        "anyOf": [
          {
            "type": "object",
            "properties": {
              "domain": {
                "type": "string",
                "minLength": 3,
                "description": "Domain to extract the styleguide from, e.g. 'example.com'. Mutually exclusive with directUrl."
              },
              "maxAgeMs": {
                "type": "integer",
                "minimum": 0,
                "maximum": 9007199254740991,
                "description": "Maximum age in milliseconds of cached brand data before Context.dev hard-refreshes it. Default 7776000000 (3 months). Set 0 to always refresh."
              },
              "colorScheme": {
                "type": "string",
                "enum": [
                  "light",
                  "dark"
                ],
                "description": "Browser color scheme to emulate for sites that honor prefers-color-scheme."
              }
            },
            "required": [
              "domain"
            ],
            "additionalProperties": false
          },
          {
            "type": "object",
            "properties": {
              "directUrl": {
                "type": "string",
                "pattern": "^https?:\\/\\/\\S+$",
                "description": "Exact URL to use, bypassing domain resolution (e.g. 'https://example.com/pricing'). Mutually exclusive with domain."
              },
              "maxAgeMs": {
                "type": "integer",
                "minimum": 0,
                "maximum": 9007199254740991,
                "description": "Maximum age in milliseconds of cached brand data before Context.dev hard-refreshes it. Default 7776000000 (3 months). Set 0 to always refresh."
              },
              "colorScheme": {
                "type": "string",
                "enum": [
                  "light",
                  "dark"
                ],
                "description": "Browser color scheme to emulate for sites that honor prefers-color-scheme."
              }
            },
            "required": [
              "directUrl"
            ],
            "additionalProperties": false
          }
        ],
        "description": "Provide a domain or a directUrl."
      }
    },
    "required": [],
    "additionalProperties": false
  },
  "kind": "endpoint"
}