← 返回目录

Openbrand

社区

从任意网站URL提取品牌资产（logo、颜色、背景图、品牌名）

查看安装方法 ↓ 横向对比 GitHub 源仓库 ↗

分类: 其他
Stars: ★ 800 热门
传输方式: stdio（本地进程）
运行环境: Node.js
凭据: 需要 API Key / 凭据
许可证: MIT
最近提交: 5 个月前
工具数: 1

36FMRS · D

OpenBrand 是一个实用的开源 MCP 服务器，能够从网站提取品牌关键资产，安装简便，适合设计、开发等场景。但需注意版权风险和 API key 安全。

最强项 · 安装易用性 12/20 最弱项 · 可靠性 4/20

可靠性

4/20

安全与权限

6/20

维护活跃度

4/20

文档质量

10/20

安装易用性

12/20

查看各项评分依据

可靠性 4/20: 清单/README展示了可用的安装路径和单个工具 extract_brand_assets，但未提供服务端源码、CI 工作流或已提交的测试，MCP 初始化与工具列表是否真能完成无法验证；另外清单中的仓库指向 ethanjyx/openbrand，而本次对象是 tight-studio/OpenBrand，存在元数据不一致。故只按“快乐路径可能、但缺少执行证据”给 4 分。
安全与权限 6/20: API 密钥通过环境变量 OPENBRAND_API_KEY 传入并标记为 secret，方向正确；但 README 示例把密钥直接写在命令行中（可能残留 shell 历史/进程列表），且 MCP 部分未明确说明请求的 URL 会被发送到 OpenBrand 远程服务（还是本地库处理），也没有域名白名单或发送前确认。未见恶意代码、真实密钥或不可逆操作等红线，因此给 6 分。
维护活跃度 4/20: 仓库未归档，许可证为 MIT，manifest 中有版本 0.1.2；但提供的材料没有提交历史、发布频率、issue 响应、依赖更新记录或安全响应渠道，且仓库 URL 不一致影响治理可信度，故给 4 分。
文档质量 10/20: README 覆盖了 API、npm、MCP 和自托管的使用方法，并给出 Claude Code settings.json 配置示例；但缺少工具参数说明、错误码/故障排查、限流与费用等限制披露，属于“可用但有隐藏假设/排查缺口”，给 10 分。
安装易用性 12/20: 安装步骤简短：npx 安装 + 设置 OPENBRAND_API_KEY，并同时提供命令行和 settings.json 两种客户端配置，清晰度较好；但静态评审中没有 CI/测试证明该包可实际启动，npm 包可用性也未验证，因此上限设为 15 分且实际给 12 分。

静态评测 · 未实际运行收录于 2026-08-07

查看 FMRS 评分方法 →

选型与风险

能访问什么访问网络

适合谁

需要快速从任何网站提取品牌资产的设计师、开发者或营销人员。
作为开源替代方案，适合希望控制成本或自定义提取逻辑的团队。
集成到 MCP 兼容客户端（如 Claude Desktop、Cursor）中，通过自然语言触发提取。

不适合谁

需要高可用性、企业级 SLA 的生产环境（该项目为开源项目，可能缺乏支持）。
需要处理大量请求且不想管理 API key 的场景（某些功能可能要求 API key）。
需要提取网站中非品牌类资产（如视频、文档）的用途。

所需权限

网络访问：向 openbrand.sh 的 API 发送请求（需要 API key，也可本地运行）。
可在用户配置的环境变量中读取 OPENBRAND_API_KEY（若配置）。

风险与副作用

提取的品牌资产可能受版权保护，需注意使用合规性。
API key 若泄露可能导致未经授权的使用，密钥需妥善保管。
网站可能阻止爬虫或返回不准确结果，提取内容可能不完整。

安装接入

准备工作

运行环境：Node.js

OPENBRAND_API_KEY 必填密钥 OpenBrand API 密钥，用于调用品牌提取服务，可在 openbrand.sh/dashboard 获取。

在 Claude Desktop 中配置 MCP 服务器。
运行命令：claude mcp add --transport stdio openbrand -- npx -y openbrand-mcp（无需 API key 即可安装）。
在 openbrand.sh/dashboard 获取免费 API key，并按需配置环境变量 OPENBRAND_API_KEY。
若使用 Claude Desktop，可编辑配置文件添加上述 install_config。

claude_desktop_config.json

{
  "mcpServers": {
    "openbrand": {
      "command": "npx",
      "args": [
        "-y",
        "openbrand-mcp"
      ],
      "env": {
        "OPENBRAND_API_KEY": "your_api_key"
      }
    }
  }
}

以 Claude Desktop 为例。其他客户端的配置文件位置或字段可能不同（如 VS Code 使用 servers 字段），可用下方配置生成器转换。

.vscode/mcp.json

{
  "servers": {
    "openbrand": {
      "command": "npx",
      "args": [
        "-y",
        "openbrand-mcp"
      ],
      "env": {
        "OPENBRAND_API_KEY": "your_api_key"
      }
    }
  }
}

写入项目的 .vscode/mcp.json（VS Code 使用 servers 字段）。

Terminal

claude mcp add openbrand -e OPENBRAND_API_KEY=your_api_key -- npx -y openbrand-mcp

在终端运行；先把 <…> 占位符换成你自己的值。

生成并校验客户端配置

验证是否装好

在客户端工具列表中应出现 extract_brand_assets 工具；发送“提取 stripe.com 的品牌资产”，返回 logo、颜色等结果即证明连接成功。

常见排障

确保网络连接正常，且能访问 openbrand.sh（若使用远程 API）。
检查是否正确配置了 API key，环境变量名称是否为 OPENBRAND_API_KEY。
确认目标网站 URL 格式正确，例如包含协议（http/https）。
若作为 MCP 服务器运行，确保 npm 包 openbrand-mcp 已正确安装。

试试这样问

连接成功后，可以直接对 AI 助手这样说：

提取 stripe.com 的品牌资产
帮我获取 github.com 的 logo 和品牌配色
从 linear.app 抓取品牌背景图和品牌名称

工具能力 1

extract_brand_assets 只读

从给定的网站 URL 提取品牌资产，返回品牌名称、logo、颜色和背景图。

使用场景

设计人员快速获取竞品或参考网站的品牌资产，用于设计灵感或品牌对比。

开发者在项目中自动获取网站的品牌颜色、logo，用于自动化品牌一致性检查。

内容创作者提取网站的品牌信息，用于报道或分析。

支持客户端

Claude Desktop

依据项目文档列出，未经本站实测。

详细介绍

OpenBrand 是一个开源 MCP 服务器，用于从任意网站 URL 中自动提取品牌资产，包括 logo（favicon、apple-touch-icon、导航栏 logo、内联 SVG）、品牌颜色（从 theme-color 元标签、manifest.json 和 logo 主色调）、背景图像（og:image、CSS 背景、hero/banner 图）以及品牌名称（从 og:site_name 等）。是 Brand.dev 的开源替代品。