Brandrail

Name: Brandrail
Author: brandrail-app

作者：brandrail-app版本 0.10.2i★ –i在你的电脑上运行

注册名称au.com.brandrail/brandrail

安装

概览

作者提供的说明（英文原文）

Design system guardrails for AI coding tools: tokens, components and a brand checker. Runs locally.

PopNx MCP 的三大支柱

这三项永远不会合并成一个分数：意见、测量和人气是不同的东西。

用户评价i暂无评价评价功能将在后续阶段与账户功能一起开放
我们的基础检查i1 项中通过 1 项依据公开信息检查；尚未扫描代码
使用情况i起步阶段↓ 1834/周 · ★ –

它能帮你做什么

我们还没有为它写通俗的介绍。下面是我们从注册中心读取到的事实。

连接方式: 在你的电脑上运行
传输方式: stdio
分类: 营销与社交媒体
你需要填写：BRANDRAIL_KEY

安装

选择你使用的 AI 应用，然后复制设置。

安装之前

基础检查：1 项中通过 1 项
在你的电脑上运行，拥有你的用户账户的权限（文件、网络、应用）。
需要你自己填写： BRANDRAIL_KEY

标为机密的值是你账户的钥匙。千万不要分享给别人，也不要粘贴到聊天里。

你需要

npm已安装 Node.js（用于 npx 命令）

你用的是哪个应用？

ClaudeClaude CodeCursorVS CodeChatGPT

在上方选择你的应用。我们会记住它，下次按钮会显示“安装到 …”。

打开 Claude Desktop → Settings → Developer → Edit Config，把下面的内容粘贴到 claude_desktop_config.json

{
  "mcpServers": {
    "brandrail": {
      "command": "npx",
      "args": [
        "-y",
        "brandrail",
        "mcp"
      ],
      "env": {
        "BRANDRAIL_KEY": "your-value"
      }
    }
  }
}

在终端中运行这条命令

claude mcp add brandrail --env BRANDRAIL_KEY=your-value -- npx -y brandrail mcp

运行前请先填写空着的值。

在 Cursor 中打开

或者自己复制设置

粘贴到项目中的 .cursor/mcp.json，或 ~/.cursor/mcp.json

{
  "mcpServers": {
    "brandrail": {
      "command": "npx",
      "args": [
        "-y",
        "brandrail",
        "mcp"
      ],
      "env": {
        "BRANDRAIL_KEY": "your-value"
      }
    }
  }
}

浏览器会先询问是否打开应用，然后应用会显示设置并请你确认。密钥的值会留空，由你自己填写。

在 VS Code 中打开

或者自己复制设置

粘贴到项目中的 .vscode/mcp.json

{
  "servers": {
    "brandrail": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "brandrail",
        "mcp"
      ],
      "env": {
        "BRANDRAIL_KEY": "your-value"
      }
    }
  }
}

浏览器会先询问是否打开应用，然后应用会显示设置并请你确认。密钥的值会留空，由你自己填写。

这个服务器在你的电脑上运行，而 ChatGPT 只能连接互联网上的服务器。请选择其他应用。

你的选择通过 Cookie 保存在这台设备上，无需账户。

需要你填写的值

BRANDRAIL_KEY 机密 env
Optional. API key from Brandrail Dashboard > Connect, to load your organisation's Brand Kit. Without it, the repo's brandrail.config.json or starter tokens are used.

这些设置是根据作者在注册中心的条目生成的。如果 README 的写法不同，请以 README 为准。

它能做什么

它在你的电脑上运行；安装后，工具列表会显示在你的 AI 应用中。

基础检查i

我们检查的是任何人都能看到的信息；我们没有阅读代码。不适用的检查项不计入总数。 · 检查于 2026年11月8日

✓ 通过
作者与仓库一致
注册名称已通过域名 brandrail.com.au 验证（注册中心会核实域名所有权）
… 尚未检查
仍在维护
我们还没有从 GitHub 读取这个仓库
… 尚未检查
有许可证
我们还没有从 GitHub 读取这个仓库
– 不适用
端点有响应
它在你的电脑上运行，没有互联网端点
– 不适用
使用 OAuth 登录
在你的电脑上运行，改用本地设置
… 尚未检查
工具描述中没有隐藏指令
它在你的电脑上运行；我们只能读取互联网端点的工具列表

与“营销与社交媒体”中的其他服务器比较i

星标数多于此分类中其他 3593 个服务器的 0%
发布到注册中心的时间比此分类中其他 3593 个服务器的 100% 更新
基础检查结果等于或优于此分类中其他 3593 个服务器的 100%

与注册中心里这个分类中所有活跃的服务器比较。只有当发布者拥有该仓库时，星标数才计入。

常见问题

Brandrail 安全吗？

它在 1 项适用的基础检查中通过了 1 项。我们没有阅读代码。在添加密钥或令牌之前，请先看看这个服务器要求哪些权限，并使用只具备所需权限的密钥。

它需要哪些密钥或代码？

你需要填写：BRANDRAIL_KEY

它在我的电脑上运行还是在云端？

它在你的电脑上运行。你的 AI 应用会在需要时启动它，数据不会经过作者的服务器（除非它自己调用在线服务）。

它还在维护吗？

GitHub 仓库最后更新于–，最新版本（0.10.2）于今天进入注册中心。

哪些应用可以使用它？

支持 MCP 的应用，例如 Claude Desktop、Claude Code、Cursor 和 VS Code。你的电脑上还需要有 Node.js。

有什么可以替代它？

同一分类中有：MCP YouTube Transcript, Google Analytics MCP, BibiGPT YouTube Video Summarizer

替代选择

同一分类中其他作者的服务器，按星标数排序。

如何看卡片：↓ 每周下载量i★ GitHub 星标i三大支柱：评价 · 检查 · 使用情况i更新 = 最新版本发布到注册中心的时间i

MCP YouTube Transcript

An MCP server retrieving transcripts of YouTube videos

作者：jkawamoto正在增长★ 49511天前更新

在你的电脑上运行

安装

Google Analytics MCP

GA4 MCP server for AI agents: schema discovery, server-side aggregation, analysis-ready defaults.

作者：surendranb正在增长↓ 1088/周★ 24411天前更新

在你的电脑上运行

安装

BibiGPT YouTube Video Summarizer

AI video summarizer: summarize and transcribe YouTube, Bilibili, TikTok and podcast videos.

作者：JimmyLv起步阶段★ 13711天前更新

在云端运行✓ bibigpt.co

安装

作者的 README

打开 README

按原文从作者的仓库复制。PopNx MCP 没有审查或背书其内容。HTML、图片和脚本已被移除。链接会离开本站。

brandrail

Keep AI-generated UI on-brand. brandrail checks code and live pages against your design system (Brand Kit), and writes your rules into the files AI coding tools read.

npx brandrail init            # brandrail.config.json, src/brandrail.tokens.css + AGENTS.md, CLAUDE.md, Cursor/Copilot/Windsurf/Gemini rules

npx brandrail check # violations + brand score for this repo npx brandrail scan # check a running page in a real browser

With a Brandrail account

npx brandrail connect                     # sign in through the browser; sets up the Brand Kit, AI rule files,

the MCP server for Claude Code / Cursor / Copilot, and the UI kit

npx brandrail check --changed --upload # only changed lines, results in the dashboard

connect makes an API key on your machine and saves it in ~/.config/brandrail/credentials.json (mode 600); Brandrail only ever receives its hash, and the files it writes into the repo hold no key. AI tools start npx brandrail mcp, which checks code on your machine: code is never uploaded. In CI, set BRANDRAIL_KEY instead.

MCP server

brandrail mcp is an MCP server for Claude Code, Cursor, Copilot, Codex, Windsurf and any other MCP client. It runs on your machine over stdio; code is checked locally and never uploaded. It works without an account, using starter tokens; connect an account (or set BRANDRAIL_KEY) to use your own Brand Kit.

"mcpServers": { "brandrail": { "command": "npx", "args": ["-y", "brandrail", "mcp"] } } }

npx brandrail connect writes this config for you, plus the rule files each AI tool reads.

Tool	What it does
`get_guidelines`	The project's design system rules: components to use in its framework, allowed tokens, what the checker enforces. Called once before writing UI.
`get_design_tokens`	Every colour, spacing, radius and type token with the CSS variable to use.
`find_component`	Finds the component for a need ("date picker", "primary action") with its import, rules and an example.
`get_component_docs`	Full docs for one component in the project's framework: import or tag, props, rules, example.
`get_template`	A whole page (list, detail, form, settings, dashboard, sign-in) built from your components, with the files to create and the page's rules.
`get_migration_map`	What replaces each piece of Material, MUI, Bootstrap, Ant, Chakra or PrimeNG.
`validate_snippet`	Runs the checker on generated code and returns a brand score and each fix.

All tools are read-only. Docs: https://www.brandrail.com.au/docs/connect

Commands

Command
`check [paths]`	`--format pretty\	json\	markdown\	github`,` --fail-below 80`,` --changed [base]`,` --upload`
`scan`	`--pages 3`, `--storage-state auth.json` (pages behind a login), `--wait 2000`, `--upload`. Needs `npm i -D playwright && npx playwright install chromium`
`init`	`--from-api`, `--mcp`, `--tokens-css` , `--no-rules`, `--force`. Writes the Brand Kit as CSS variables; import that file once at your app entry
`import`	DTCG, Tokens Studio or Figma variables JSON into the config. `--replace`, `--primitives`
`rules`	List the rules
`connect`	`--no-browser`, `--no-install`, `--remote` (hosted MCP server), `--framework`, `--force` (sign in again)
`mcp`	The MCP server over stdio, for AI tools. `--framework`, `--report` (send scores, never code)
`migrate [paths]`	What's left on the way to the design system: other UI libraries (Material, MUI, Bootstrap, Ant Design, Chakra, PrimeNG) per library and per file. `--json`, `--top 30`, `--upload`
`report`	A shareable HTML handover report (paths and counts, never code). `--out file.html`
`whoami`, `logout`	Show or remove the saved sign-in

Nothing is uploaded unless you pass --upload, and code snippets are never uploaded.

Licence

MIT. The Brandrail web app and dashboard are a separate, paid service: https://www.brandrail.com.au/pricing