Brandsystem Mcp
by Brand-Systemcommunityv0.4.3
9
An MCP server that extracts brand identity from websites, rendered pages, Figma files, and hosted Brandcode Studio brands, then compiles the results into local brand files such as design tokens, runtime context, and interaction policies. It also supports deeper sessions for visual identity, messaging, and content strategy, plus validation, reporting, and brand compliance checks.
From the registry: Make your brand machine-readable. Extract identity from any website into tokens and policies.
Install & configure
Prerequisites
- requiredInstall Node.js 18 or newerNode.js version 18 or higher is required to run the MCP server via npx.
https://www.npmjs.com/package/@brandsystem/mcp?$ node --version
Install in your client
Paste into the AI you're chatting with — it will figure out the rest
Please install the `brandsystem-mcp` MCP server into my current AI client (that's you).
Required prerequisites (do these first if not already done):
- **Install Node.js 18 or newer** — Node.js version 18 or higher is required to run the MCP server via npx. Run: `node --version` (https://www.npmjs.com/package/@brandsystem/mcp?)
Canonical MCP server config (stdio transport):
- command: `npx`
- args: ["-y","@brandsystem/mcp"]
Note: The README consistently documents a stdio MCP server launched with npx. No environment variables are required for the default local-first flow. Some features may rely on external tools or services: rendered extraction uses headless Chrome/Chromium when available, Figma extraction requires a separate Figma MCP server, and Brandcode Studio connector commands may require a share token for protected hosted brands, but these are not part of the default MCP server config.
Add this MCP server to my current client's config in the correct format for you. If you need secrets or credentials I haven't provided, ASK me — do not invent values or leave raw placeholders. After adding it, tell me how to verify the server is connected.Note: The README consistently documents a stdio MCP server launched with npx. No environment variables are required for the default local-first flow. Some features may rely on external tools or services: rendered extraction uses headless Chrome/Chromium when available, Figma extraction requires a separate Figma MCP server, and Brandcode Studio connector commands may require a share token for protected hosted brands, but these are not part of the default MCP server config.
Tools (32)
brand_start
Create a brand system from a website URL in one step, with fallback extraction when needed.
brand_status
Check progress, get next steps, or view getting-started guidance.
brand_extract_web
Extract logo, colors, and fonts from a website URL.
brand_extract_visual
Capture a rendered page in headless Chrome and extract computed colors, fonts, and visual context.
brand_extract_site
Discover representative pages, render them on desktop/mobile, capture screenshots, sample components, and save evidence.
brand_generate_designmd
Generate design synthesis output and a portable DESIGN.md from evidence or current brand state.
brand_extract_figma
Extract brand identity from Figma design files.
brand_set_logo
Add or replace a logo from SVG, URL, or data URI.
brand_compile
Generate DTCG design tokens, runtime contract, and interaction policy from extracted data.
brand_clarify
Resolve ambiguous brand values interactively.
brand_audit
Validate the .brand directory for completeness and correctness.
brand_report
Generate a portable HTML brand report.
Prerequisites
- • Node.js >= 18
Packages
@brandsystem/mcp
npmv0.4.3transport: stdio
Details
- Language
- TypeScript
- License
- MIT
- Released
- Apr 14, 2026
- Last commit
- Jul 18, 2026
- Registry name
- io.github.Brand-System/brandsystem-mcp