The Shavin UI Ecosystem

1. Core Design System (@shavin/ui)

The main npm package containing primitives, global CSS tokens, Radix UI primitives, and Tailwind preset definitions.

2. Automated CLI Initializer (@shavin/cli)

Run npx @shavin/cli init to automatically scaffold the design system, configure Tailwind presets, generate SHAVIN.md, and wire .cursor/mcp.json.

3. Model Context Protocol (MCP) Server

Empowers AI agents (Cursor, Claude, Gemini) to query real-time component manifest schemas and token rules without hallucinating.

4. Shavin Studio & Gallery

An interactive canvas studio featuring live token configuration, code generation, and full page section previews.