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 DynamicColor for 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

  1. Color Scheme: Light/Dark palettes, surface variations, and semantic tokens (Primary, Error, OnPrimary).
  2. Typography: Defined scales (HeadlineLarge, BodyMedium, LabelSmall) based on modern fonts.
  3. Shapes: Corner radii for cards, buttons, and surfaces.

๐Ÿงฑ Creating Your Theme

Installs
14
GitHub Stars
11
First Seen
Jun 26, 2026