O que OpenBrand faz?
Extraia ativos de marca de qualquer URL de site — logotipos, cores, imagens de fundo e nome da marca.
Configuração
Servidor MCP (recomendado para Claude Code / Cursor)
claude mcp add --transport stdio \
--env OPENBRAND_API_KEY=sua_chave_api \
openbrand -- npx -y openbrand-mcp
Obtenha sua chave de API gratuita em openbrand.sh/dashboard.
Após configurado, use a ferramenta extract_brand_assets com uma URL para obter dados estruturados da marca.
pacote npm (sem necessidade de chave de API)
npm add openbrand
import { 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[]
}
API
curl "https://openbrand.sh/api/extract?url=https://stripe.com" \
-H "Authorization: Bearer sua_chave_api"
O que extrai
| Ativo | Fontes |
|---|---|
| Logotipos | Favicons, apple-touch-icons, logotipos de cabeçalho/navegação, SVGs inline (com sondagem de dimensões) |
| Cores da marca | meta tags theme-color, manifest.json, cores dominantes das imagens do logotipo |
| Imagens de fundo | og:image, fundos CSS, imagens hero/banner |
| Nome da marca | og:site_name, application-name, texto alternativo do logotipo, título da página |
Formato da resposta
{
"brandName": "Stripe",
"logos": [
{ "url": "https://...", "type": "favicon", "resolution": { "width": 32, "height": 32, "aspect_ratio": 1 } }
],
"colors": [
{ "hex": "#635bff", "usage": "primary" },
{ "hex": "#0a2540", "usage": "secondary" }
],
"backdrops": [
{ "url": "https://...", "description": "Hero image" }
]
}
Quando usar esta skill
- Construindo uma landing page ou interface que corresponda à marca de um cliente
- Gerando guias de estilo ou design tokens da marca
- Criando templates de email personalizados ou materiais de marketing
- Preenchendo campos de marca em um CMS ou ferramenta de design
- Qualquer tarefa onde você precise de logotipos, cores ou imagens de um site