MCP Server
Bezel's MCP server gives your coding assistant access to your project's design tokens, themes, and export names. It can look up the values you use while helping build your app.
Available on Pro plans and higher. Start with Quick Start using MCP, or Install Server for client-specific connection instructions.
What your assistant can do
| Task | Capabilities |
|---|---|
| Set up your app | Guide project selection, Bezel Kit installation, token generation, and optional Crystal setup |
| Read tokens | Find projects, query tokens, resolve aliases, and compare themes |
| Generate code | Export CSS variables, JS/TS theme objects, and supported framework configuration |
| Review designs | Check contrast, calculate colors and units, and review token usage |
| Recall decisions | Search your project's AI chat history |
The remote server supplies token data and guidance. Your coding assistant performs local file edits, installs, and builds using its own tools and permissions.
Start with a prompt
To set up your app:
Set up Bezel in this project.
To update an existing setup:
Sync my Bezel tokens.
See Workflows for more tasks and Tool Reference for available tools and parameters.
Manifest first
For token lookups, the assistant starts with a manifest of groups, types, counts, and contexts, then requests the values it needs. This keeps large token projects from filling the conversation with unnecessary data.
For local setup and syncing, get-design-tokens-file returns the complete token file. The assistant writes that content to design-tokens.json and runs Bezel Kit to generate the app's files.