openbrand-mcp
OfficialAllows extraction of brand assets (logos, brand colors, backdrop images, brand name) from Stripe's website.
This server does not currently have a deployable release on Glama. Follow the repository's setup instructions to install and configure it for your MCP client, including any required credentials and local dependencies.
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.
Web scraping, browser automation, screenshots and AI data extraction for AI agents via MCP.
Web data for agents. Extract web pages, crawl websites, discover URLs, and search the web.
Related MCP Servers
- 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.237 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.237 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.237 npmMIT
- AlicenseNot gradedqualityAmaintenanceEnables agents and developers to extract structured data from web pages by providing a URL and a prompt describing the desired data and fields. It exposes this extraction capability as an MCP tool for compatible clients.237 npmMIT