openbrand-mcp
OfficialAllows extraction of brand assets (logos, brand colors, backdrop images, brand name) from Stripe's website.
Click on "Deploy Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@openbrand-mcpextract the brand assets from stripe.com"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
Extract brand assets (logos, colors, backdrops, brand name) from any website URL.
As an API call
Get your free API key from openbrand.sh/dashboard.
cURL
curl "https://openbrand.sh/api/extract?url=https://stripe.com" \
-H "Authorization: Bearer your_api_key"TypeScript
const res = await fetch(
"https://openbrand.sh/api/extract?url=https://stripe.com",
{ headers: { Authorization: "Bearer your_api_key" } }
);
const brand = await res.json();Python
import requests
res = requests.get(
"https://openbrand.sh/api/extract",
params={"url": "https://stripe.com"},
headers={"Authorization": "Bearer your_api_key"},
)
brand = res.json()Related MCP server: AgentQL MCP Server
As an agent skill
Add OpenBrand to Claude Code, Cursor, Codex, Gemini CLI, and 40+ other agents:
npx skills add tight-studio/openbrandOnce installed, your agent automatically knows how to extract brand assets — just ask it to "extract brand assets from stripe.com".
As an npm package
No API key required. Runs as a library from your server-side code.
npm add openbrandimport { extractBrandAssets } from "openbrand";
const result = await extractBrandAssets("https://stripe.com");
if (result.ok) {
// result.data.brand_name → "Stripe"
// result.data.logos → LogoAsset[]
// result.data.colors → ColorAsset[]
// result.data.backdrop_images → BackdropAsset[]
} else {
// result.error.code → "ACCESS_BLOCKED" | "NOT_FOUND" | "SERVER_ERROR" | ...
// result.error.message → human-readable explanation
}As an MCP server
Use OpenBrand as a tool in Claude Code, Cursor, or any MCP-compatible client.
Install the MCP server (no API key needed to install):
claude mcp add --transport stdio openbrand -- npx -y openbrand-mcpGet your API key from openbrand.sh/dashboard and add it:
claude mcp add --transport stdio \
--env OPENBRAND_API_KEY=your_api_key \
openbrand -- npx -y openbrand-mcpOr add to .claude/settings.json:
{
"mcpServers": {
"openbrand": {
"command": "npx",
"args": ["-y", "openbrand-mcp"],
"env": {
"OPENBRAND_API_KEY": "your_api_key"
}
}
}
}Then ask Claude to "extract brand assets from stripe.com" and it will use the extract_brand_assets tool automatically.
Self-hosting the web app
git clone https://github.com/tight-studio/openbrand.git
cd openbrand
bun install
bun devNo environment variables required. Open http://localhost:3000.
What it extracts
Logos — favicons, apple-touch-icons, header/nav logos, inline SVGs (with dimension probing)
Brand colors — from theme-color meta tags, manifest.json, and dominant colors from logo imagery
Backdrop images — og:image, CSS backgrounds, hero/banner images
Brand name — from og:site_name, application-name, logo alt text, page title
Tech stack
Next.js, React, TypeScript, Cheerio, Sharp, Tailwind CSS
License
This server cannot be deployed
Maintenance
Related MCP Connectors
Web MCP: scrape/crawl sites, web search, brand assets, app stores, YouTube, Reddit, Hacker News.
Your brand's Styles, logos and asset library in your AI app, for on-brand assets that match.
Turn any live website into brand colors, fonts, design tokens, SVGs, Lottie and paste-ready code.
MCP tools for AI agents: render URLs to image/PDF, check link health, convert HTML/CSV/JSON.
Related MCP Servers
- FlicenseNot gradedqualityBmaintenanceEnables MCP-compatible AI clients to extract live web content and convert it into structured Markdown for LLM ingestion, RAG pipelines, and agentic workflows.-
- AlicenseNot gradedqualityBmaintenanceEnables users to extract structured data from specified web pages using a URL and natural-language prompt to describe the desired fields. It exposes this capability as an MCP tool for compatible clients.119 npmMIT
- AlicenseNot gradedqualityAmaintenanceEnables agents to extract structured data from web pages by supplying a URL and a natural-language prompt describing the desired data and fields. It exposes this capability as an MCP tool for compatible clients.119 npmMIT
- AlicenseNot gradedqualityAmaintenanceEnables extracting structured data from web pages by supplying a URL and a prompt that describes the desired fields. Exposes an extract-web-data tool for MCP-compatible clients.119 npmMIT