Tokenbridge turns design choices into AI rules. You still write them
By The WAALEE Team · · 4 min read
Two new tools landed in the same lane this year, both trying to stop AI coding agents from inventing a brand on the spot. Tokenbridge is a visual configurator that turns your design choices into rules Cursor, Copilot and Windsurf can read. brandkit-mcp is an open-source MCP server that exposes a company's whole brand system, visual and verbal, straight to Claude. Both are useful. Neither one asks the question that actually decides whether they help you: where do your design choices come from if nobody wrote them down yet.
Tokenbridge: fill in a form, get six export formats
Tokenbridge's maker, Austin Gao, built it after getting tired of fixing AI-generated styles by hand, per his own Product Hunt launch. It's a visual configurator: you set your colors, type and spacing in a UI, and it exports AI-readable design rules in six formats aimed at the tools people actually use, Cursor, Copilot, Antigravity, Windsurf. Configure once, export everywhere, let the agent read the rules instead of guessing. That's a real fix for a real problem, assuming you already know what to type into the configurator.
brandkit-mcp: your whole brand, served to Claude over MCP
brandkit-mcp goes wider. It's an MCP server, installable with a plain `npx -y brandkit-mcp`, that exposes what its docs call a company's "brand atomic system": not just colors and type but verbal identity too, tone, voice, the words you use. It ships with an init command that scaffolds a starter template and, per its npm listing, 18 tools and 14 resources an agent can call directly. That's a meaningfully different shape than Tokenbridge: instead of exporting a static rules file, it answers a live query from Claude every time the agent needs to check what the brand voice sounds like.
- Tokenbridge: a visual form you fill in once, exported to 6 static rule formats for Cursor, Copilot, Antigravity and Windsurf.
- brandkit-mcp: an open-source MCP server, queried live by Claude and other agents, covering both visual and verbal brand identity.
- Both assume the brand already exists somewhere in your head or on a slide, ready to be typed in or scaffolded by hand.
- Neither one reads a website. If your brand only exists as a shipped site, there's nothing to configure or scaffold from yet.
The step before the form
Here's who actually hits a wall with both tools. A founder who paid a freelancer for a site eight months ago and never got a style guide back. A team whose brand lives in a Figma file nobody's touched since the last redesign. Anyone sizing up a competitor's site for inspiration, where there's no form to fill in because it isn't your brand to configure. For all of them, the honest first move with Tokenbridge or brandkit-mcp is: open DevTools, start guessing at hex codes, and hope you get close. That's the exact manual work both tools were built to replace downstream, just moved one step earlier.
Read the live page instead of typing from memory
A shipped website already is the design system, computed: real colors, real type, real spacing, just not written down anywhere an AI tool can read yet. Point an extractor at the URL instead of a blank form and you skip the part where you have to already know your own hex codes. The output can still feed a Tokenbridge-style rules file or an MCP server like brandkit-mcp; it just starts from something real instead of your best guess.
Three ways to get your design rules in front of an AI coding tool, depending on whether you're starting from a brand you can describe or a site you'd have to eyeball:
- Tokenbridge: Visual configurator for design tokens, exported to 6 AI-readable formats for Cursor, Copilot, Antigravity and Windsurf. You type in the values yourself.
- brandkit-mcp: Open-source MCP server exposing a brand's visual and verbal identity live to Claude and other agents. Scaffolded by hand with an init command, not extracted.
- WAALEE: Paste a live URL and get the real colors, type and spacing back as W3C tokens and AI-ready prompts for Claude, Lovable, v0, Cursor and Bolt, no form to fill in first.
None of this is a knock on either tool. A configurator that exports to six formats and an MCP server that serves brand voice live are both doing real work, and if your brand is already written down somewhere, use them. The question worth asking before you open either one is simpler than it sounds: do I actually have my design system typed up anywhere, or am I about to reverse-engineer my own site from memory to fill in someone else's form.