Component Registry
Every entry below is a real, shadcn-compatible registry item. Install via the shadcn CLI, fetch the JSON directly into Cursor or Claude Code, or wire your custom MCP server to the URL — same endpoint, three workflows.
MCP server
@designsystems-one/mcp wraps the public JSON API as a Model Context Protocol server with four tools — list_design_systems, get_design_system, list_glossary_terms, search_glossary. Source lives in packages/mcp; clone, build, point Claude Code or Cursor at the binary.
git clone https://github.com/KirylZhukouski/designsystems.git
cd designsystems/packages/mcp && pnpm install && pnpm build
# .mcp.json (Claude Code) or Cursor MCP settings:
{
"mcpServers": {
"designsystems": {
"command": "node",
"args": ["/abs/path/to/designsystems/packages/mcp/dist/index.js"]
}
}
}Override DESIGNSYSTEMS_API_BASE to point at a Vercel preview or local pnpm dev. README lives at packages/mcp/README.md.
npx shadcn@latest add https://www.designsystems.one/r/buttonDrops the button component into your project and resolves dependencies.
curl https://www.designsystems.one/rReturns the registry index — every available item with description and dependencies.
curl https://www.designsystems.one/r/button | jqReturns the registry item JSON with files, dependencies, and inline source.
The cn() helper — clsx + tailwind-merge — used by every other component.
npm: clsx, tailwind-merge
Polished shadcn-style button with active:scale press feedback and a property-list transition (tokens, transforms, shadow).
npm: @radix-ui/react-slot, class-variance-authority · registry: utils
Standard accessible input with focus-visible ring and disabled states.
registry: utils
Composable card primitive with Header / Title / Content / Footer subcomponents.
registry: utils