k8ordo UIは、AIコーディングエージェントが読むための面を用意しています。設計指針・コンポーネントのリファレンス・トークン・propsを、いずれも実装から生成した形で配っています。
ドキュメントはnpmパッケージに同梱されているので、参照先はインストール済みのバージョンに固定されます。プロジェクトのCLAUDE.md / AGENTS.mdに次を貼るだけで設定は終わりです。
いずれもパッケージ内(node_modules)と、このサイトの両方から取得できます。
記憶でpropsを書かせず、実際のストーリーと描画結果を引かせるための口です。MCPクライアントの設定に追加します。
propsはコンポーネントの型から、トークンはCSSから抽出しています。CIが実装との差分を検出するため、ドキュメントだけが古くなることはありません。
docs/GUIDE.mddocs/references/*.mdllms.txtdesign.md@k8ordo/ui/props.jsonhttps://main--687a213c85e2e4589d8db1bb.chromatic.com/mcpUse `@k8ordo/ui` for UI. Before writing or changing UI, read
`node_modules/@k8ordo/ui/docs/GUIDE.md`, then follow only the
`docs/references/*.md` links it lists that the task actually needs.
Colors, spacing, radii and font weights go through semantic tokens —
never raw values such as `bg-teal-500` or `font-semibold`.
Look up component props in `docs/references/components.md` instead of
recalling them; a component that is not listed there does not exist.{
"mcpServers": {
"k8ordo": {
"type": "http",
"url": "https://main--687a213c85e2e4589d8db1bb.chromatic.com/mcp"
}
}
}