BrandKity MCP
About
Build entire brand kits with a single prompt
Details
- Author
- brandkity
- Categories
- Developer Tools, Design, Other, Marketing
Jump to
Setup
Install BrandKity MCP in your MCP client (Claude Desktop, Cursor, Windsurf, and others).
Repository: https://github.com/brandkity/mcp-server
Follow the installation instructions in the repository README, then restart your MCP client.
Model Context Protocol server forBrandKity— create and manage brand kits from any AI agent (Claude Desktop, Cursor, Windsurf, or any MCP-compatible client).
Current Version: 1.4.3 — MCP now available on Starter, Pro, and Agency plans
Available onStarter,Pro, andAgencyplans. Sign up free to explore, then upgrade Starter or above to run tool calls.
Edit~/Library/Application Support/Claude/claude_desktop_config.json(Mac) or%APPDATA%\Claude\claude_desktop_config.json(Windows):
{ "mcpServers": { "brandkity": { "command": "npx", "args": ["-y", "@brandkity/mcp"], "env": { "BRANDKITY_API_KEY": "bk_live_your_key_here" } } } }
{ "mcpServers": { "brandkity": { "command": "npx", "args": ["-y", "@brandkity/mcp"], "env": { "BRANDKITY_API_KEY": "bk_live_your_key_here" } } } }
Edit~/.codeium/windsurf/mcp_config.json:
{ "mcpServers": { "brandkity": { "command": "npx", "args": ["-y", "@brandkity/mcp"], "env": { "BRANDKITY_API_KEY": "bk_live_your_key_here" } } } }
Once configured, ask your AI agent to create a brand kit:
"Create a brand kit for Acme Corp with the accent color #E55B00. Add a Colors block with the primary palette (Orange Flame #E55B00, Midnight #1A1A2E, Canvas #FAF9F7) and a Typography block with Inter for headings and DM Sans for body. Upload the logos from /Users/me/acme/logos/."
Customize your portal with custom favicon, social share image, and SEO metadata:
// Upload custom assets const faviconUrl = await client.uploadFile('favicon.ico', faviconBuffer); const ogImageUrl = await client.uploadFile('og-image.png', ogImageBuffer); // Apply white-label branding await client.updateKit('kit-id', { og_title: 'Acme Corp Brand Guidelines', og_description: 'Official brand assets and standards', custom_favicon_url: faviconUrl, og_image_url: ogImageUrl, });
- og_title(string, max 100 chars) — SEO title for social share
- og_description(string, max 300 chars) — SEO description
- custom_favicon_url(string) — CDN URL to favicon (ICO/PNG/SVG)
- og_image_url(string) — CDN URL to social share image (1200×630 px recommended)
- Free: White-label fields are read-only; MCP tool calls return 403
- Starter/Pro/Agency: Full MCP access; white-label fields are read-write on Pro/Agency
1. get_workspace → verify connection, check plan and storage 2. list_kits → confirm kit doesn't already exist 3. create_kit → returns kit_id 4. ensure_block → idempotent: returns existing block_id or creates a new one (for each block type) 5. add_colors → populate the Colors block 6. add_typography → populate the Typography block 7. upload_file → upload font/logo/cover files to workspace storage 8. upload_asset → upload logos, images, videos into blocks 9. set_brand_story → write the brand story in a rich_text block 10. set_block_note → add usage guidance to any block 11. publish_kit → make the portal live
- No duplicate blocks—ensure_blockis idempotent. Re-running a workflow never creates duplicate blocks.
- Auto-retry on uploads—upload_assetandupload_fileretry up to 3 times on network errors with exponential backoff.
- Size-aware timeouts— Upload timeout scales with file size (60 s base + 20 s per 10 MB, max 10 min). Large files like 64 MB video assets are handled reliably.
- Batch deduplication—upload_assets_batchsilently skips duplicatefile_pathentries so the same file is never uploaded twice in one batch.
- Agent instructions— The server now provides operating rules to AI clients at connection time, reducing duplicate operations from AI agents automatically.
- White-label URL resolution— CDN URLs in white-label fields are automatically resolved to asset IDs server-side; agents don't need to manage asset IDs directly.
- Storage tracking— All file uploads are tracked per workspace for accurate quota enforcement.
This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.
MCP server for generating mock 2D PNG assets for Games prototypes
Control Adobe After Effects through a standardized protocol, enabling AI assistants and other applications.
An MCP server that allows AI assistants to interact with Adobe After Effects.
Rewrite your web page to rank #1 on LLMs
Ship App Store screenshots from your AI coding agent: generate, localize to all 50 App Store languages, and upload to App Store Connect
Interact with Figma files to view, comment on, and analyze designs.
Figma MCP server for accessing Figma files, projects, comments, components, and design metadata from Claude, Cursor, and other AI agents.
Enables AI assistants to interact with Figma via WebSocket for reading data and design analysis.
Generate 2D and 3D game assets using AI models hosted on Hugging Face Spaces.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.





