skills.rest
dimitriRemoiville
dimitriRemoivilleCOMMUNITY
Explore all skills by this author →
GitHub

flutter-performance

Measure Flutter frame times and rebuild activity with DevTools Performance.

1|Updated Apr 24, 2026
Search Tags:#performance#devtools#flutter#jank#listview#rebuild-tracking#const-hygiene
One-click install
npx skills add https://github.com/dimitriRemoiville/cc-mobile --skill flutter-performance-dimitriremoiville
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: flutter-performance
Source: https://github.com/dimitriRemoiville/cc-mobile/tree/main/plugins/cc-mobile-flutter/skills/flutter-performance
Command: npx skills add https://github.com/dimitriRemoiville/cc-mobile --skill flutter-performance-dimitriremoiville

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Flutter performance optimization across the UI stack by guiding measurement with DevTools, tracking rebuilds, ensuring const hygiene, and optimizing rendering pipelines.

Core Features & Use Cases

  • DevTools patterns: measure frame times, CPU usage, and memory to identify jank in scrolling and cold-start regressions.
  • Rebuild & rendering hygiene: identify unnecessary rebuilds, ensure constant-constructor usage, and optimize ListView performance.
  • Rendering pipelines: compare Skia vs Impeller and configure Flutter rendering settings to reduce frame drops.
  • Use Case: Imagine a complex list scrolls with stutter; use this Skill to isolate the bottleneck and apply targeted fixes.

Quick Start

Run your Flutter app in profile mode, open DevTools Performance, and start recording a suspect interaction.

Frequently Asked Questions about flutter-performance

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I identify Flutter jank using DevTools?▼

Identify Flutter jank by running your app in profile mode and recording suspect interactions in DevTools Performance to measure frame times, CPU usage, and memory bottlenecks during scrolling or cold-start regressions.

Why does my Flutter ListView stutter and how do I fix it?▼

Fix Flutter ListView stutter by tracking unnecessary rebuilds in DevTools, enforcing constant-constructor hygiene, and applying targeted rendering pipeline optimizations to reduce frame drops during complex scrolling interactions.

What's the best way to track unnecessary widget rebuilds in Flutter?▼

Track unnecessary widget rebuilds in Flutter by using the DevTools rebuild tracking feature to monitor frame timings and layout build patterns, ensuring strict const hygiene to optimize rendering efficiency.

Does Flutter performance profiling work in debug mode?▼

Flutter performance profiling requires profile mode rather than debug mode to accurately measure frame times and rendering pipelines, as debug mode lacks the optimized compilation needed to identify true UI bottlenecks.

How do Skia and Impeller affect Flutter rendering performance?▼

Compare Skia and Impeller rendering pipelines in DevTools to configure Flutter rendering settings and reduce frame drops, analyzing CPU profiler metrics to determine which backend optimizes your specific UI smoothness.

Related Skills

Explore More Software Engineering Skills→
aaronbassettaaronbassett
4

flutter-core:flutter-performance

Diagnose and optimize Flutter app performance across build, rendering, memory, and app size.

Community
Advanced
wildbitcawildbitca
1

flutter-performance-layout

Analyze Flutter layouts to reduce jank and overflow.

Official
Advanced
TututuzzzzzzTututuzzzzzz

flutter-performance-optimizer

Profile Flutter UI bottlenecks with DevTools and apply scoped optimizations.

Community
Intermediate
nicolaiprodromovnicolaiprodromov
20

perf

Profile and fix performance bottlenecks in the Puree engine.

Community
Advanced