Stage 6 — Project 5: Design System + Component Library

Stage Goal

Xây dựng design system và component library cho team 10+ developers.

Prerequisites

Hoàn thành Stage 5 với đầy đủ Exit Criteria.

Milestone

Deliverable: Design system package published (npm/GitHub Packages), Storybook documented, Chromatic visual regression pass, 15+ components, dark mode, micro-frontend demo (có Web Components interop), ADR viết đúng format.

Exit Criteria

Package publishable, Storybook documented, Chromatic visual regression pass trong CI. 15+ components hoạt động, accessible, customizable.

Module List

• 6.1 Design Tokens
• 6.2 Radix UI & Accessibility Patterns
• 6.3 Custom Complex Components
• 6.4 Storybook, Chromatic & Publish
• 6.5 Micro-frontends
• 6.6 Dark Mode & Animation Tokens
• 6.7 Testing
• 6.8 Documentation & RFC/ADR
• 6.9 RADIO Practice #3