Flutter Design Engineering

This skill encodes fluid design engineering principles specifically for Flutter apps. Use it to build and review Flutter layouts that feel tactile, physical, responsive, and performant.

The Core Philosophy

Flutter's rendering engine allows for pixel-perfect layout and custom physics. Fluid motion in Flutter should feel physical, respect touch velocities, handle boundary collisions with rubber-banding, and avoid frame drops.

Core Topics & Implementations

1. Physics-Based Springs

Instead of standard curves, use physics-based spring simulations. See PhysicsSprings.dart for custom spring setup.

2. Interactive Gestures & Velocity Handoff

Build physical swipe cards by tracking velocity and using an unbounded animation controller. See InteractiveGestures.dart.