ui-design-system은(는) 무엇을 하나요?
TailwindCSS + Radix + shadcn/ui 기반의 React UI 컴포넌트 시스템입니다.
스택: TailwindCSS (스타일링), Radix UI (프리미티브), shadcn/ui (컴포넌트), React/Next.js
역량:
- 디자인 시스템 아키텍처
- 접근성(Accessibility)을 갖춘 컴포넌트
- 반응형 레이아웃
- 테마 및 다크 모드 지원
- 컴포넌트 합성
수행 가능한 작업: UI 컴포넌트 검토, 설계, 구축, 개선, 리팩터링
키워드: TailwindCSS, Radix UI, shadcn/ui, 디자인 시스템, 컴포넌트 라이브러리, 접근성, ARIA, 반응형, 다크 모드, 테마, CSS 변수, 컴포넌트 아키텍처, 아토믹 디자인, 디자인 토큰, 변형(variant), 슬롯(slot), 합성
사용 시기:
- 컴포넌트 라이브러리를 구축할 때
- shadcn/ui를 구현/확장할 때
- 접근성 높은 UI를 만들 때
- 디자인 시스템을 설정할 때
- 다크 모드/테마를 추가할 때
- UI 컴포넌트 아키텍처를 검토할 때