MCP

Everrything about connecting to BYQ MCP and how to use it in your own AI agent.
What is the BYQ Supply MCP?

The MCP is a connection that lets your AI coding tools reach the BYQ library directly. Connect it once and tools like Claude Code, Cursor, or Lovable can search BYQ and pull components and design systems straight into your project — no copy-pasting from the site. Full details are in the MCP documentation.

Which AI tools does the MCP work with?

Any AI tool that supports a remote MCP server, including Claude Code, Cursor, Lovable, v0, and Bolt. Setup differs slightly per tool, but the idea is the same everywhere: connect once with your key, then mention BYQ in your prompts.

How do I connect the MCP?

Three steps: generate your MCP key, paste the snippet for your editor, and restart the tool. For Claude Code it's a single terminal command; Cursor uses a JSON config; Lovable adds it under Settings → MCP. The setup page gives you a ready-made snippet with your key already filled in. See Getting Started for the walkthrough.

Where do I find and manage my MCP key?

Generate it from your MCP setup page, and manage your keys anytime under Settings → Developers. The key is shown once, so store it like a password — once you refresh the page it's gone. You can always generate a new one, and the old one stops working.

What can the MCP actually do?

Two things. It can search and pull components — your AI finds a section in the BYQ library and fetches its ready-to-paste code and setup notes. And it can search and apply design systems — your AI pulls a full design system as DESIGN.md, tokens.json, or CSS to style what it builds. You describe what you want in plain language and your AI handles the rest.

Do I need a paid plan to use the MCP?

Yes. The MCP is a Pro and Ultra feature — the Free plan doesn't include MCP access. On Pro or Ultra you get full MCP access for Claude, Cursor, Lovable, and other supported AI tools, and your AI can pull anything your plan gives you access to.

My AI tool can't see BYQ after connecting. What should I check?

Almost always one of three things: you didn't restart the tool (most tools only load servers at startup), your key is mistyped or truncated (regenerate and re-paste), or the server address is off (copy it exactly). More checks are in Connecting your AI tool.

Does the MCP work with Webflow?

The MCP pulls components as React and Tailwind code. If your destination is Webflow, pair it with the Converter — run the generated section through it and it becomes a native Webflow section. The MCP gets you polished, on-brand code fast; the Converter turns that code into native Webflow structure.

Can I use the MCP alongside other MCPs?

Yes. The BYQ MCP is just one of the tools your AI can connect to at once. Running it next to other MCPs — an image-generation one, for example — lets your AI pull an on-brand section from BYQ and create custom imagery to fill it in the same breath, so the sites you build feel genuinely bespoke.

Is the MCP finished?

It's in active development. It already covers a wide slice of the library and works across the major AI tools, but you'll occasionally hit rough edges as we expand what it can search and how it formats results. If something doesn't work the way you'd expect, your feedback directly shapes what we fix next.