k8ordo UI ships surfaces meant for AI coding agents: the design guide, the component reference, the tokens and the props — each generated from the implementation.
The docs ship inside the npm package, so an agent always reads the version you installed. Paste this into your project’s CLAUDE.md / AGENTS.md and the setup is done.
Each is available both inside the package (node_modules) and from this site.
docs/GUIDE.mddocs/references/*.mdllms.txtdesign.md@k8ordo/ui/props.jsonhttps://main--687a213c85e2e4589d8db1bb.chromatic.com/mcpSo an agent looks up real stories and rendered props instead of recalling them. Add it to your MCP client config.
Props come from the component types and tokens from the CSS. CI fails when either drifts from the implementation, so the docs cannot quietly rot.
Use `@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"
}
}
}