When to Use

Use this tool when you need to automatically extract comprehensive design system information from a brand’s website including colors, typography, spacing, shadows, and ui components.. This is part of the Brand.dev API provider on xpay✦.

MCP Connection

Connect to xpay✦ to access this tool (and 12+ others):

{
  "mcpServers": {
    "xpay": {
      "url": "https://mcp.xpay.sh/mcp?key=YOUR_API_KEY"
    }
  }
}

For Claude Code:

claude mcp add --transport http xpay "https://mcp.xpay.sh/mcp?key=YOUR_API_KEY"

How to Execute

Use the xpay✦ meta-tools to run this tool:

1. xpay_details — Get full input schema: xpay_details("brand-dev/brand-dev_extract_design_system_and_styleguide_from_website")
2. xpay_run — Execute: xpay_run("brand-dev/brand-dev_extract_design_system_and_styleguide_from_website", { ...inputs })

Input Parameters

Pricing

• Cost: $0.06/call
• Balance check: Use xpay_balance to check remaining credits
• Get your API key at xpay.tools — $5 free credits included

Related Skills

• Brand.dev API (all tools) — 13 tools
• Brand Dev Retrieve Brand Data By Domain — $0.06/call
• Brand Dev Retrieve Brand Data By Company Name — $0.06/call
• Brand Dev Extract Fonts From Website — $0.06/call
• Brand Dev Identify Brand From Transaction Data — $0.06/call
• Brand Dev Retrieve Naics Code For Any Brand — $0.06/call

Links

• Tool page: https://xpay.tools/brand-dev/brand-dev-extract-design-system-and-styleguide-from-website/
• Provider: https://xpay.tools/brand-dev/
• All tools: https://xpay.tools/explore