What problem does it solve? Flutter feature code drifts from the design system: raw Material widgets, hardcoded hex values, monospace digits, siren-red overdue states, and sub-52px touch targets creep in and break the Calm visual language. This Skill defines the Calm design system rules, the three-layer architecture (lib/theme/calm/ → lib/ui/calm/ → feature code), and routes every UI task to the correct sibling skill. ## Core Features & Use Cases - Layering enforcement: Ships check_calm_layering.sh to fail builds where feature code uses raw Material widgets or imports Calm palette primitives directly. - Anti-brief gate: Ships check_calm_rejects.sh to reject monospace fonts, text under 13px, siren red colors, and touch targets under 52px across the whole tree. - Routing table: Directs each UI task (tokens, typography/RTL, components, due-state status, layout/motion, visual parity) to the correct specialized Calm skill. - Use Case: When building a new Home screen for the Odova car-maintenance app, follow the build-order reference to pick one primary surface, cap secondary cards, enumerate all states, and pass both lint scripts before opening a PR. ## Quick Start Ask the assistant to review a Flutter screen against the Calm design system and run the layering and rejects checks before submitting the PR.
