Skills
.Work. You
Rest

flutter-smell-layout-hotspots

Official

Flag layout hotspots to keep Flutter UIs smooth.

Software Engineering#ui#performance#layout#flutter#hotspots#intrinsics#repaintboundary
Authorbelluga
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Identifies Flutter UI layout performance smells that cause jank and expensive rebuilds, guiding targeted refactors for smoother rendering.

Core Features & Use Cases

  • Detects layout anti-patterns such as IntrinsicHeight/IntrinsicWidth usage in hot paths, deep Column nesting, and frequent LayoutBuilder usage.
  • Recommends scalable fixes like replacing with ListView/SliverList, extracting heavy subtrees, and adding RepaintBoundary in high-cost regions.
  • Use Case: When a screen feels laggy during scroll, apply this Skill to locate hotspots and implement performance-friendly patterns.

Quick Start

Refactor heavy layouts by replacing deep Columns with scrollable lists and extracting reusable subtrees.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: flutter-smell-layout-hotspots
Download link: https://github.com/belluga/delphi-ai/archive/main.zip#flutter-smell-layout-hotspots

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.