What problem does it solve? Flutter screens drift out of visual consistency when developers hardcode spacing values, undersize tap targets, or invent ad-hoc animation durations and curves. This Skill enforces the Calm design system's spatial and motion discipline so every screen in the Odova app shares one rhythm, one hierarchy, and one motion vocabulary. ## Core Features & Use Cases - Spacing and layout enforcement: Applies the ten-step CalmSpace scale plus the 22pt screen gutter, the one-primary-element-per-screen rule, and the CalmScaffold screen skeleton. - Touch target validation: Ships scripts/check_touch_targets.sh, a CI gate that fails on control-sizing literals below 52px, MaterialTapTargetSize.shrinkWrap, raw Duration/Curves outside the theme directory, and pumpAndSettle in reduced-motion tests. - Motion token governance: Restricts animation to five durations and four cubic curves from CalmMotion, including the arrival-only easeSettle rule and reduced-motion collapsing to Duration.zero. - All-clear state design: Distinguishes the designed CalmAllClear good state from CalmEmptyState so the most common Home screen never renders as a failure. - Use Case: While building a new Odova screen, use this Skill to lay out the CalmScaffold with correct gutters, size every tap target to the 52px floor, animate the bottom sheet with the sheet duration, and run the gate script before opening a PR. ## Quick Start Ask the assistant to lay out a new Odova screen following the calm-layout-and-motion rules and then run the touch-target check script on the lib directory.
