Skip to content

feat: 디자인 시스템 스토리북 추가#2

Merged
choihooo merged 3 commits into
mainfrom
feature/1-design-system-storybook
Jun 26, 2026
Merged

feat: 디자인 시스템 스토리북 추가#2
choihooo merged 3 commits into
mainfrom
feature/1-design-system-storybook

Conversation

@choihooo

@choihooo choihooo commented Jun 26, 2026

Copy link
Copy Markdown
Collaborator

Summary

디자인 시스템 패키지에 Figma 기반 토큰을 정리하고, 별도 Storybook 앱에서 토큰과 버튼 스타일을 확인할 수 있도록 구성합니다.

Closes #1

Changes

  • packages/design-system에 color, typography, spacing, radius, shadow 토큰을 추가했습니다.
  • vanilla-extract 기반 공통 스타일과 버튼 recipe를 정리했습니다.
  • apps/storybook 앱을 추가하고 Tokens/Button stories를 등록했습니다.
  • Storybook Vite 설정에 React optimizeDeps를 지정해 dev server 무한 로딩 문제를 해결했습니다.
  • GitHub Pages 기반 Storybook 배포 workflow를 추가했습니다.
  • README, CI, PR 템플릿에 Storybook 실행/검증/배포 정보를 추가했습니다.

Verification

  • pnpm lint
  • pnpm typecheck --force
  • pnpm build --filter=@comma/web --force
  • pnpm build:storybook

Notes

  • pnpm dev:storybook 실행 후 http://localhost:6006에서 Tokens/Button story 렌더링을 확인했습니다.
  • Storybook Pages URL: https://central-makeus.github.io/comma-Front/
  • GitHub Pages source는 repository Settings에서 GitHub Actions로 설정되어 있어야 합니다.

@choihooo choihooo merged commit 076daa7 into main Jun 26, 2026
1 check passed
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.

[Feature] 디자인 시스템 토큰 및 Storybook 앱 구축

2 participants