OpenBrand — MCP-сервер для Claude Code: установка
MCP-сервер извлекает логотипы, цвета, изображения и название бренда по URL сайта. Пригодится агенту, которому нужны данные для интерфейса или контента.
claude mcp add openbrand -e OPENBRAND_API_KEY=<OPENBRAND_API_KEY> -- npx -y openbrand-mcpЧто делает OpenBrand
OpenBrand принимает URL сайта и возвращает его фирменные материалы. Он ищет favicon, apple-touch-icon, логотипы в шапке и навигации, встроенные SVG и проверяет размеры изображений. Цвета берутся из theme-color, manifest.json и доминирующих оттенков логотипа. Также сервер находит og:image, CSS-фоны, hero- и banner-изображения, а название бренда определяет по метаданным, alt-тексту логотипа и заголовку страницы.
MCP-сервер запускается через npx и подключается к Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline или Zed. Для извлечения нужен API-ключ OpenBrand: без OPENBRAND_API_KEY сервер не сможет получить данные сайта. Вызов можно делать через агента, который использует инструмент extract_brand_assets.
Какие задачи решает
- извлечь логотипы с сайта по URL
- собрать фирменные цвета из метаданных и логотипа
- найти фоновые и hero-изображения
- определить название бренда по данным страницы
Примеры запросов агенту
- Извлеки фирменные материалы с
stripe.comи покажи логотипы, цвета и название бренда. - Найди фоновые изображения и логотипы на сайте
stripe.comчерез OpenBrand. - Определи название бренда и доступные цвета для этого URL.
Как установить OpenBrand
Командой платформы
claude mcp add openbrand -e OPENBRAND_API_KEY=<OPENBRAND_API_KEY> -- npx -y openbrand-mcpВместо <…> подставьте свои значения
Командой платформы
codex mcp add mcp --env OPENBRAND_API_KEY=<OPENBRAND_API_KEY> -- npx -y openbrand-mcpВместо <…> подставьте свои значения
Файл настроек
{
"mcpServers": {
"mcp": {
"command": "npx",
"args": [
"-y",
"openbrand-mcp"
],
"env": {
"OPENBRAND_API_KEY": "<OPENBRAND_API_KEY>"
}
}
}
}Вместо <…> подставьте свои значения
Файл настроек
{
"servers": {
"mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"openbrand-mcp"
],
"env": {
"OPENBRAND_API_KEY": "<OPENBRAND_API_KEY>"
}
}
}
}Вместо <…> подставьте свои значения
Командой платформы
gemini mcp add -e OPENBRAND_API_KEY=<OPENBRAND_API_KEY> mcp npx -y openbrand-mcpВместо <…> подставьте свои значения
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о OpenBrand
Как установить OpenBrand в Claude Code?
Выполните claude mcp add openbrand -e OPENBRAND_API_KEY=<OPENBRAND_API_KEY> -- npx -y openbrand-mcp. Подставьте API-ключ OpenBrand вместо плейсхолдера.
Что делает OpenBrand?
Он извлекает из URL сайта логотипы, фирменные цвета, фоновые изображения и название бренда. Для этого используются метаданные страницы, изображения, CSS-фоны и SVG.
Нужен ли API-ключ для работы MCP-сервера?
Да. Для извлечения данных нужно передать OPENBRAND_API_KEY; установка самого MCP-сервера выполняется через npx.
