Box Kite

@box-kite/mcp

Box Kite MCP サーバー：Box Kite のコードを書くエージェントのための検索チャネルです。機能レベルで使える6つのツールを提供します。何を書けるのか、このコンポーネントが何を受け取るのか、そしてどのドキュメントミラーも答えられない唯一の問い、この値は実際に使えるのか。

npx @box-kite/mcp

キーもネットワークも状態も不要です。回答に使う情報はすべて、インストールしたバージョンに対応するライブラリ自身のリポジトリから組み込まれており、スタイリングエンジン自体も含まれます。Node 22 以降が必要です。

インストール

Claude Code

claude mcp add box-kite -- npx -y @box-kite/mcp

Cursor、VS Code、Codex、Zed — stdio に対応するものなら何でも使えます。

{
  "mcpServers": {
    "box-kite": { "command": "npx", "args": ["-y", "@box-kite/mcp"] }
  }
}

ツール

ツール	回答する内容
search_docs	作成しようとしているものに関するプロパティ、コンポーネント、ネストキー、ルールを検索します。4つすべてを横断してランク付けするため、目的を入力すれば名前がわからなくても答えが見つかります。
get_props	スタイルプロパティの全記録を返します。出力される CSS、受け付けるすべての値、実測例、数値プロパティの場合は 1/2/4/8 で実測したスケールが含まれます。
get_component	1つのコンポーネントの仕様を返します。プロパティとデフォルト値、サブパーツ、キーボード操作一覧、出力される ARIA が含まれます。
check_styles	プロパティの集合を実際のエンジンで処理します。各プロパティが出力する CSS、または何も出力しなかった理由を返します。
get_rules	ライブラリの記述に使われているルールを、一覧または全文で返します。
get_blocks	shadcn CLI がインストールするセクション全体を返します。データグリッドのページ、設定フォーム、ダッシュボードのシェルなどです。

check_styles がある理由

Box Kite では、各プロパティで使用できる値が決まっており、受け付けない値を指定すると、設計上、ルールもクラス名も生成されません。誤字によって不正な宣言が出力されないようにするためです。開発ビルドではページのレンダリング後にコンソールへ一度だけ警告が出ますが、本番ビルドでは何も表示されません。何かをレンダリングする前に「bgColor="blue-550" は使えるのか」と確認するには、その値をエンジンに渡します。

check_styles { "props": { "p": 4, "bgColor": "blue-550", "fontSize": 14, "lineHeight": 1.5, "href": "/about" } }

✅ `p` → `.p-4{padding:1rem}`
❌ `bgColor` does not accept "blue-550" — no rule and no class name were written.
✅ `fontSize` → `.fontSize-14{font-size:0.875rem}`
⚠️ `lineHeight` → `.lineHeight-1\.5{line-height:1.5px}` — lineHeight={1.5} is a 1.5px line: lineHeight is direct pixels, …
⚠️ `href` an HTML attribute, not a style prop. It goes in `props={{ "href": … }}`.

プロパティごとに目盛りは異なります。間隔は ÷4、fontSize は ÷16、ボーダー幅は px で直接指定します。そのため get_props はスケールを説明するのではなく、実測値を返します。

エージェント向けにライブラリが提供するその他のもの

• 公開済みの @box-kite/react パッケージ内の AGENTS.md と docs/
• スキルとルールファイル：npx skills add box-kite/box-kite
• すべてのドキュメントページを Markdown 形式で提供しています（https://www.box-kite.dev/<route>.md）。llms.txt にインデックスされています。

MIT © Box Kite