generate_css_variables

MCP tool from Design Token Bridge MCP by kenneives

CSS custom properties

How to use it

Project documentation lists generate_css_variables for the Design Token Bridge MCP MCP server. Add the server to your MCP client (Claude Desktop, Cursor, Windsurf and others), then check which tools your installed version makes available. Tool availability can depend on configuration and credentials. A server handshake does not verify this tool’s behavior. See the full listing for setup details.

Install Design Token Bridge MCP

$npx -y design-token-bridge-mcp
FULL DESIGN TOKEN BRIDGE MCP LISTING

Other tools in Design Token Bridge MCP (8)

extract_tokens_from_css

CSS file content

extract_tokens_from_figma_variables

Figma Variables API JSON

extract_tokens_from_json

W3C DTCG format JSON

extract_tokens_from_tailwind

tailwind.config.js content

generate_material3_theme

Kotlin (Jetpack Compose)

generate_swiftui_theme

Swift (SwiftUI)

generate_tailwind_config

tailwind.config.js

validate_contrast

WCAG AA/AAA contrast checking for color pairs with pass/fail + ratios