android-design-system-m3
Installation
SKILL.md
Android Design Systems (Material 3) ๐จ๐ ๏ธ
Advanced strategies for building scalable, cohesive, and professional design systems for modern Android applications using the Material 3 (M3) framework.
โก When to Use
- Branding Architecture: Defining custom color tokens, typography, and shapes.
- Dark Mode Support: Implementing unified themes that swap automatically.
- Dynamic Color: Using
DynamicColorfor personalized system-wide tinting. - Component Libraries: Building reusable Atom/Molecule components.
- Multi-Brand Support: Creating one app code for multiple visual identities.
๐๏ธ The 3 Pillars of M3 Design Systems
- Color Scheme: Light/Dark palettes, surface variations, and semantic tokens (Primary, Error, OnPrimary).
- Typography: Defined scales (HeadlineLarge, BodyMedium, LabelSmall) based on modern fonts.
- Shapes: Corner radii for cards, buttons, and surfaces.