Skip to content

feat: Design system foundation — Storybook + design tokens - #120

Open
SNAPKITTYWEST wants to merge 1 commit into
CodeStorm-Hub:mainfrom
SNAPKITTYWEST:main
Open

feat: Design system foundation — Storybook + design tokens#120
SNAPKITTYWEST wants to merge 1 commit into
CodeStorm-Hub:mainfrom
SNAPKITTYWEST:main

Conversation

@SNAPKITTYWEST

Copy link
Copy Markdown

Design System Foundation for StormCom

What's included:

  • Storybook Setup — Next.js preset, global theme provider, dark mode toggle
  • Design Tokens Export Layer — Centralized TypeScript tokens for colors, spacing, typography, shadows, animations
  • 5 Component Stories — Button, Card, Input, Select, Dialog (with all variants and states)
  • Documentation — Design tokens system guide with usage examples

Why this matters:

This unblocks Phase 2 → Phase 3 UI development. All downstream UI work depends on this foundation.

Files Changed:

  • — 3 config files
  • — 6 token modules (820 lines)
  • — 5 story files (500+ lines)
  • — Design tokens documentation

How to use:

  1. Run Storybook: npm run storybook
  2. Import tokens: import { colors, spacing } from '@/lib/design-tokens'
  3. Browse component stories at http://localhost:6006

Built by SnapKitty Design System | Author: Ahmad Ali Parr

…mponent stories

- Set up Storybook with Next.js preset, global theme provider, dark mode toggle
- Export design tokens (colors, spacing, typography, shadows, animations)
- Create 5 example component stories (Button, Card, Input, Select, Dialog)
- Add design tokens system documentation with usage guide
- Configure storybook dev server on port 6006

This unblocks Phase 2 → Phase 3 UI development for StormCom.

Co-Authored-By: SnapKitty Design System <snapkitty@opensource>
@github-actions

Copy link
Copy Markdown

👋 Thanks for opening your first pull request in StormCom!

A maintainer will review your PR soon. Please make sure:

  • Your PR follows our
    Contributing Guidelines
  • All CI checks pass
  • You've added appropriate tests
  • Documentation has been updated (if needed)

We appreciate your contribution to making StormCom better! 🚀

@afsan123

Copy link
Copy Markdown

@SNAPKITTYWEST
Kindly describe all the changes in the PR

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants