Brandcode MCP
Turn any live website into machine-readable brand tokens and policies so your agent builds UI that matches an existing identity.
Overview
Brand System MCP is a MCP server for the Build phase that extracts machine-readable brand tokens and policies from websites for consistent agent-driven UI work.
What is this MCP server?
- Extracts brand identity from arbitrary website URLs
- Outputs machine-readable tokens and brand policies
- npm package @brandsystem/mcp version 0.4.3 with stdio transport
- Node runtime via MCP registryType npm
- Published as Brandcode MCP with brandsystem GitHub source
- stdio transport with Node runtimeHint
- Server schema 2025-09-29
Community signal: 4 GitHub stars.
What problem does it solve?
Your agent guesses colors, type, and voice from screenshots when you need deterministic brand rules pulled from a real site.
Who is it for?
Indie founders shipping branded SaaS or marketing sites who want to codegen UI aligned with an existing URL without rebuilding a design system by hand.
Skip if: Enterprises requiring trademark-reviewed brand bibles, inaccessible sites behind auth-only walls without manual export, or teams with no Node MCP runtime.
What do I get? / Deliverables
You get structured brand tokens and policies the agent can apply across components, themes, and copy guardrails.
- Machine-readable brand tokens derived from a target site
- Brand policies the agent can reference for UI and copy
- Faster themed component generation aligned to source identity
Recommended MCP Servers
Journey fit
Brand extraction lands in build when you implement interfaces and need consistent colors, typography, and rules without a separate design handoff. Frontend is the shelf for design tokens and brand policies that feed components, themes, and marketing surfaces.
How it compares
Brand token extractor over MCP, not a logo generator skill or general web-scraping playground.
Common Questions / FAQ
Who is brandsystem-mcp for?
Solo builders and small teams who want their coding agent to respect an existing website brand when generating frontend and marketing assets.
When should I use brandsystem-mcp?
Use it at the start of a UI build or rebrand sync when you have a reference site and need tokens and policies before writing components.
How do I add brandsystem-mcp to my agent?
Install @brandsystem/mcp from npm, run the stdio MCP server with Node per the Brand-System repo, and register it in your Claude Code or Cursor MCP config.