Apps-Design-System

Token-getriebene React-Primitives mit CSS Modules — direkt aus der App extrahiert. Über die Registry und den MCP-Server lassen sie sich in neue Projekte ziehen. Eigenes Theme? Token-Werte überschreiben — die Komponenten bleiben gleich. Links in der Navigation: 25 Komponenten, 1 Hook und die Design Tokens.

Loslegen

MCP-Server in Claude Code registrieren:
claude mcp add ekklesi-design \
  -- pnpm --filter @repo/design-mcp dev
Komponente direkt aus der Registry (shadcn-CLI):
npx shadcn@latest add \
  https://www.ekklesi.tools/design/registry/components/button.json