Flutter Performance Guru

What problem does it solve?

Flutter apps often suffer from jank and frame drops, resulting in choppy UI experiences. This Skill provides a clear, actionable approach to maintain smooth performance and high frame rates across typical app scenarios.

Core Features & Use Cases

• Const Constructors: Use const everywhere possible to reduce garbage collection pressure.
• Build Method Hygiene: No logic in build(), no http calls in build(), and move heavy calculations to provider or initState.
• List Optimization: Always use ListView.builder for long lists; use itemExtent or prototypeItem when possible.
• Image Handling: Cache images and resize server-side or via an image provider to save layout and rendering costs.
• Repaint Boundary: Wrap complex animations in RepaintBoundary to avoid repainting the entire screen.

Use Case: A scrolling feed with hundreds of items. Apply the checklist to reduce jank and achieve smoother scrolling.

Quick Start

Enable the 60/120 FPS protocol in your Flutter project, run a profile session using flutter run --profile, and apply the performance checklist to achieve smoother UI.