Brandrail

au.com.brandrail由 brandrail.com.au 發布v0.10.1更新於 Nov 7, 2026

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

已驗證STDIO僅桌面開發者工具媒體與設計

概覽

AI 產生的概覽

本機 MCP 伺服器，為 AI 程式開發工具提供設計系統規則、權杖與元件，並檢查產生的 UI 程式碼是否符合規範。

可以做什麼
  • 讀取專案的設計系統規則，以及顏色、間距、圓角、字體等權杖與其 CSS 變數
  • 依需求或名稱尋找元件，回傳匯入方式、屬性、規則與範例
  • 取得由你的元件組成的整頁範本（清單、詳情、表單、設定、儀表板、登入）
  • 取得遷移對照表，了解 Material、MUI、Bootstrap、Ant、Chakra、PrimeNG 各部分應替換成什麼
  • 驗證產生的程式碼片段，回傳品牌分數與逐項修正建議
適用情境
適合在遵循 Brandrail 品牌套件或既定設計系統的儲存庫中，讓助理撰寫前端介面，使產生的標記使用已核准的元件與權杖，而非臨時樣式。也適用於從第三方 UI 函式庫遷移的情境。
執行需求
以 stdio 在本機執行，通常透過 npx brandrail mcp 啟動，需要 Node.js 與 npm。無需帳號即可使用入門權杖；選用環境變數 BRANDRAIL_KEY（或 connect 指令儲存的登入狀態）可載入組織的品牌套件。僅支援桌面端。
安裝前請注意
選用的 BRANDRAIL_KEY 是密鑰；connect 流程會把 API 金鑰存於本機憑證檔案，僅將其雜湊傳送給 Brandrail。程式碼在本機檢查、不會上傳，但 report 選項會傳送分數，CLI 的 upload 旗標會把結果送到儀表板。scan 指令會驅動真實瀏覽器，並可為登入後的頁面使用已儲存的驗證狀態檔案。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Brandrail，將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Desktop only，透過 STDIO。 STDIO 服務會啟動本機處理程序，因此需要 SourceWeft 桌面主機。

其他 MCP 客戶端

參照 儲存庫 中的啟動說明。

README

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.

bash
npx brandrail init            # brandrail.config.json, src/brandrail.tokens.css + AGENTS.md, CLAUDE.md, Cursor/Copilot/Windsurf/Gemini rulesnpx brandrail check           # violations + brand score for this reponpx brandrail scan <url>      # check a running page in a real browser

With a Brandrail account

bash
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 kitnpx 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.

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

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

ToolWhat it does
get_guidelinesThe project's design system rules: components to use in its framework, allowed tokens, what the checker enforces. Called once before writing UI.
get_design_tokensEvery colour, spacing, radius and type token with the CSS variable to use.
find_componentFinds the component for a need ("date picker", "primary action") with its import, rules and an example.
get_component_docsFull docs for one component in the project's framework: import or tag, props, rules, example.
get_templateA 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_mapWhat replaces each piece of Material, MUI, Bootstrap, Ant, Chakra or PrimeNG.
validate_snippetRuns 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 <url>--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 <file>, --no-rules, --force. Writes the Brand Kit as CSS variables; import that file once at your app entry
import <tokens.json>DTCG, Tokens Studio or Figma variables JSON into the config. --replace, --primitives
rulesList the rules
connect--no-browser, --no-install, --remote (hosted MCP server), --framework, --force (sign in again)
mcpThe 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
reportA shareable HTML handover report (paths and counts, never code). --out file.html
whoami, logoutShow 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

來源：packages/cli/README.md，提交 e498958

工具

0
SourceWeft 尚未在沙箱中啟動過該軟體包，因此其工具未知。

版本歷史

1
  1. v0.10.1最新Nov 7, 2026

評分

已滿足適用檢查項的 50%

該評分衡量此收錄條目的完整程度，依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價，也不表示伺服器安全或目前可用：可連通性是帶日期的檢查結果，評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通25 分

    請保持端點能夠回應 MCP 握手；SourceWeft 每 30 天探測一次。

  • 已宣告認證方式10 分

    請在註冊中心條目中宣告憑證請求標頭，或保持端點能夠回應探測，以便判定其認證方式。

  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list，或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分