How to Connect Your Brand to Claude, Cursor, and VS Code via MCP

Key Takeaways

• MCP connects brands to AI: The Model Context Protocol lets AI tools query your brand data directly
• One config line: Add your Brandfolio server URL and OAuth handles the rest
• 53 tools available: Read guidelines, write updates, get AI suggestions, manage teams
• Works everywhere: Claude Desktop, Cursor, VS Code, and Windsurf all support MCP
• 5-minute setup: Create your brand profile and connect your first AI tool in under 5 minutes

You ask Claude to write a LinkedIn post for your company. The result sounds generic, corporate, and nothing like your brand. So you spend 15 minutes rewriting it. Sound familiar?

The problem isn't the AI. It's that the AI has no idea what your brand sounds like. It doesn't know your colors, your tone, your personality. Every time you start a conversation, you're starting from scratch.

There's a fix. It's called MCP.

What is MCP (Model Context Protocol)?

MCP is an open standard created by Anthropic that lets AI tools connect to external data sources. Think of it like a USB port for AI: any tool that supports MCP can plug into any data source that speaks the protocol.

For brand teams, this means your AI tools can access your brand guidelines directly. No copy-pasting. No "here are my brand colors" at the start of every chat. Your brand data is always available, always up to date.

What Brandfolio Exposes via MCP

When you connect Brandfolio to your AI tool, it gets access to 53 tools across 9 categories:

1. Brand Read (8 tools). Guidelines, colors, typography, voice, CSS variables, logos.
2. Brand Write (5 tools). Update colors, typography, voice, identity, and UI directly from AI.
3. AI Suggestions (4 tools). Get AI-generated color palettes, voice guidelines, taglines, and personas.
4. Brand Compliance (1 tool). Check any text against your brand voice and get a compliance score.
5. Members (4 tools). Invite collaborators, manage roles, control access.
6. Assets (4 tools). Upload, organize, and manage brand assets.
7. Teams (8 tools). Full team management with invitations and roles.
8. Lifecycle (2 tools). Create and delete brands.
9. Account (7 tools). Profile, activity log, sessions.

Plus 7 resources for structured data access and 3 prompts for common workflows like content review and voice guidance.

See the full tool reference for details on every tool.

Step-by-Step: Connect to Claude Desktop

1. Create your brand on Brandfolio

Go to brandfolio.app and complete the onboarding. Upload your logo, set your colors and typography, define your voice. This takes about 5 minutes.

2. Open Claude Desktop settings

Go to Settings > Developer > Edit Config to open your MCP configuration file (claude_desktop_config.json).

3. Add the Brandfolio server

Add this to your config:

{
  "mcpServers": {
    "brandfolio": {
      "url": "https://www.brandfolio.app/api/mcp/u/mcp"
    }
  }
}

4. Restart Claude Desktop

Close and reopen Claude. You should see a hammer icon indicating MCP tools are available.

5. Authorize access

When Claude first uses a Brandfolio tool, a browser window opens for OAuth authorization. Sign in with your Brandfolio account. This only happens once.

6. Try it out

Ask Claude: "List my brands" or "Write a LinkedIn post using my brand voice." Claude will query your brand data and generate on-brand content.

Step-by-Step: Connect to Cursor

1. Create .cursor/mcp.json

In your project root, create this file:

{
  "mcpServers": {
    "brandfolio": {
      "url": "https://www.brandfolio.app/api/mcp/u/mcp"
    }
  }
}

2. Authorize

Cursor will prompt you to authorize via OAuth when the server connects. Sign in with your Brandfolio account.

3. Use in Composer

Ask Cursor to generate code that uses your brand colors, or write marketing copy in your brand voice. Cursor will use Brandfolio tools automatically.

Step-by-Step: Connect to VS Code

1. Create .vscode/mcp.json

In your project, add:

{
  "servers": {
    "brandfolio": {
      "type": "sse",
      "url": "https://www.brandfolio.app/api/mcp/u/mcp"
    }
  }
}

2. Use with Copilot

Open Copilot Chat in Agent mode and ask about your brand. Copilot will use Brandfolio tools to fetch your data and generate on-brand content.

Real Use Cases

Here are things you can do once your brand is connected:

Content creation. "Write a product announcement email in my brand voice." The AI reads your voice guidelines and delivers copy that sounds like you.

Design consistency. "What are my brand colors? Give me the hex values and CSS variables." No more digging through design files.

Brand compliance. "Review this blog post for brand compliance." The AI checks tone, vocabulary, and messaging against your guidelines and gives you a score.

Team onboarding. "Introduce my brand." New team members get a complete overview of your brand identity, voice, and visual guidelines in seconds.

AI suggestions. "Suggest a new tagline for my brand." Get AI-generated options based on your brand's personality and description.

How Brandfolio Solves This

At Brandfolio, we built a platform that turns your brand guidelines into structured, machine-readable data. Here is how it works:

1. Upload your brand. Logo, colors, typography, voice, assets. The visual onboarding takes 5 minutes.
2. Connect your AI tools. One line of config per tool. OAuth handles security.
3. Generate on-brand content. Every connected tool queries your guidelines on demand. Updates are instant.

The result? Your brand stays consistent across every AI interaction, every team member, every tool.

Getting Started

1. Create your brand. Sign up free and complete the 5-minute onboarding.
2. Pick your AI tool. Claude Desktop, Cursor, VS Code, or Windsurf.
3. Add one line of config. Copy the JSON snippet from above.
4. Start creating. Ask your AI anything about your brand. It knows.

Your brand voice is your competitive advantage. Now your AI tools know it too.

---

Ready to make your brand queryable by every AI tool? Create your Brandfolio profile and connect your first tool in 5 minutes.