Set Atomic Design

What problem does it solve?

Flutter UI projects often end up with inconsistent components and scattered styling, making maintenance and scaling difficult. This skill enforces Atomic Design principles to standardize architecture, promote component reuse, and clarify project structure for Flutter apps.

Core Features & Use Cases

• Enforces a strict Atomic Design layout (atoms, molecules, pages) within Flutter projects to improve consistency and onboarding.
• Guides developers to audit lib/ui/atoms and lib/ui/molecules, encouraging reuse of existing components before creating new ones.
• Facilitates end-to-end structure alignment for new features by providing a clear path from atoms to pages and an organized app entry point.

Quick Start

Audit the Flutter codebase to identify existing atoms and molecules in lib/ui, then align new UI code to the established design tokens and component wrappers.