Purpose

Shape a Compose design system around the product context, while preserving architecture and testability.

When to use

• Creating or refactoring reusable Compose components.
• Defining Material 3 color, typography, spacing, shape, elevation or motion decisions.
• Turning repeated screen UI into a small component system.
• Reviewing whether AI-generated components are reusable, accessible and consistent.

Inputs to inspect

• Gate result from design-test-gate.
• Existing theme files and Material 3 setup.
• Reusable components, previews and component tests.
• Product context from context-aware-ui-design.
• Edge-to-edge/adaptive requirements.
• Performance-sensitive components such as lists, cards, images and animations.