flutter-performance-smell-scanner

Detect Flutter performance smells across UI rendering and data flow.

Updated Nov 7, 2025
One-click install
npx skills add https://github.com/belluga/delphi-ai --skill flutter-performance-smell-scanner
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-performance-smell-scanner
Source: https://github.com/belluga/delphi-ai/tree/main/.cline/skills/flutter-performance-smell-scanner
Command: npx skills add https://github.com/belluga/delphi-ai --skill flutter-performance-smell-scanner

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Flutter apps often suffer from subtle performance smells in UI rendering and data flow. This umbrella skill identifies those smells and routes to targeted sub-skills for precise diagnosis and remediation.

Core Features & Use Cases

  • Detects common Flutter performance smells across UI rendering, layout, and data paths.
  • Delegates analysis to sub-skills: flutter-smell-mounted-checks, flutter-smell-async-navigation, flutter-smell-build-side-effects, flutter-smell-layout-hotspots, flutter-smell-list-performance, flutter-smell-image-media.
  • Use Case: When profiling a Flutter app with jank, this umbrella guides the diagnosis by invoking relevant smell workflows and centralizing checks.

Quick Start

Run the umbrella scanner on the Flutter project to trigger the appropriate performance-smell sub-skills.

Frequently Asked Questions about flutter-performance-smell-scanner

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

FAQPage Schema
How do I identify Flutter performance smells causing UI jank?

To identify Flutter performance smells causing UI jank, this scanner orchestrates targeted sub-skills to detect rendering, layout, and data-flow issues. It routes your project to specialized workflows for precise diagnosis and remediation during profiling.

What are common Flutter performance smells in build methods and async navigation?

Common Flutter performance smells include build-side effects, missing mounted checks, and improper async navigation. The scanner delegates detection to dedicated sub-skills, analyzing these specific patterns to guide targeted optimizations across your application's UI and data paths.

How do I scan a Flutter project for layout hotspots and list performance issues?

Scanning a Flutter project for layout hotspots and list performance issues involves running the umbrella scanner. It automatically triggers relevant sub-skills to analyze rendering bottlenecks and centralize checks for precise remediation guidance.

Can this scanner detect image and media performance smells in Flutter apps?

Yes, it can detect image and media performance smells in Flutter apps. The scanner delegates to the flutter-smell-image-media sub-skill, analyzing your media data paths alongside UI rendering and layout checks to identify optimization opportunities.

When should I use an orchestrated smell scanner instead of manual profiling?

Use an orchestrated smell scanner instead of manual profiling when you need centralized detection across multiple Flutter performance categories. It enforces architecture constraints while routing to specialized sub-skills, ensuring comprehensive coverage of UI, data-flow, and rendering issues.

Does this Flutter performance scanner enforce architecture constraints during analysis?

Yes, this Flutter performance scanner enforces architecture constraints during analysis. While orchestrating detection across sub-skills for mounted checks and layout hotspots, it maintains architectural integrity to guide targeted optimizations effectively.