Brandrail
概要
作者による説明(英語の原文)
Design system guardrails for AI coding tools: tokens, components and a brand checker. Runs locally.
PopNx MCPの3つの柱
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
- 利用者の声iレビューはまだありませんレビューは今後のステップで、アカウント機能と一緒に始まります
- 私たちの基本チェックi1項目中1項目に合格公開情報からチェック。コードはまだスキャンしていません
- 利用状況i初期↓ 1834/週 · ★ –
できること
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
- 接続方法: パソコンで動く
- トランスポート: stdio
- カテゴリ: マーケティング・SNS
- 入力が必要なもの:BRANDRAIL_KEY
インストール
使っているAIアプリを選んで、設定をコピーしてください。
インストールの前に
- 基本チェック:1項目中1項目に合格
- あなたのパソコンで、あなたのユーザーと同じ権限(ファイル、ネットワーク、アプリ)で動きます。
- 自分で入力するもの:
BRANDRAIL_KEY
「秘密」と表示された値は、あなたのアカウントの鍵です。絶対に人に教えたり、チャットに貼り付けたりしないでください。
必要なもの
- npmNode.jsのインストール(npxコマンドに必要)
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
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/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"brandrail": {
"command": "npx",
"args": [
"-y",
"brandrail",
"mcp"
],
"env": {
"BRANDRAIL_KEY": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
または、設定を自分でコピーする
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"brandrail": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"brandrail",
"mcp"
],
"env": {
"BRANDRAIL_KEY": "your-value"
}
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
自分で入力する値
- 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でサインイン
パソコンで動き、代わりにローカルの設定を使います
- … 未チェック
ツールの説明に隠れた指示がない
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
マーケティング・SNSのほかのサーバーとの比較i
- このカテゴリのほかの3593件のうち0%よりスターが多い
- このカテゴリのほかの3593件のうち100%より最近レジストリに公開
- 基本チェックの結果が、このカテゴリのほかの3593件のうち100%と同じかそれ以上
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
よくある質問
Brandrailは安全ですか?
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
どんなキーやコードが必要ですか?
入力が必要なもの:BRANDRAIL_KEY
パソコンで動きますか、それともクラウドですか?
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
今もメンテナンスされていますか?
GitHubリポジトリの最終更新は–、最新バージョン(0.10.2)がレジストリに届いたのは今日です。
どのアプリで使えますか?
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
代わりに使えるものは?
同じカテゴリには:MCP YouTube Transcript, Google Analytics MCP, BibiGPT YouTube Video Summarizer
代わりの候補
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Google Analytics MCP
GA4 MCP server for AI agents: schema discovery, server-side aggregation, analysis-ready defaults.
BibiGPT YouTube Video Summarizer
AI video summarizer: summarize and transcribe YouTube, Bilibili, TikTok and podcast videos.
作者の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