Design System Foundation

Overview

Establishes complete design system foundation for greenfield projects, including token system, folder structure, and base component architecture.

When to Use

• Starting new React Native app
• Starting new Next.js project
• Establishing design system for new product
• Setting up component library from scratch
• Need design tokens and theme system

When NOT to Use

• Refactoring existing projects (use ui-refactoring-workflow instead)
• Adding single component (use component-library-scaffolder instead)
• Just documentation (use design-documentation-generator instead)

Foundation Setup Process