1. Context

This project is a design system built from scratch with:

• Design tokens
• React components
• Tailwind CSS
• Component documentation
• Machine-readable schemas
• A shadcn-compatible registry
• A Vercel-hosted design-system website
• A planned MCP layer

The repository is:

navajyoth-puthalath13/System

The current architecture already separates:

tokens/
components/
docs/
registry/
schemas/
scripts/
src/

The goal of adding Storybook is not to replace any of these systems.

Storybook will be added as an additional layer for interacting with, developing, testing, and demonstrating the actual React components.

2. What is Storybook?

Storybook is an environment for developing and exploring UI components independently from the main application.

Instead of opening the entire application to see a Button, you can open Storybook and see: