Agent-skills-standard flutter-performance

Optimization standards for rebuilds and memory. Use when optimizing Flutter widget rebuilds, reducing memory usage, or improving rendering performance. (triggers: lib/presentation/**, pubspec.yaml, const, buildWhen, ListView.builder, Isolate, RepaintBoundary)

install

source · Clone the upstream repo

git clone https://github.com/HoangNguyen0403/agent-skills-standard

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/HoangNguyen0403/agent-skills-standard "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/flutter/flutter-performance" ~/.claude/skills/hoangnguyen0403-agent-skills-standard-flutter-performance && rm -rf "$T"

manifest: skills/flutter/flutter-performance/SKILL.md

source content

Performance

Priority: P1 (OPERATIONAL)

Rebuilds: Use
```
const
```
widgets and
```
buildWhen
```
/
```
select
```
for granular updates.
Lists: Always use
```
ListView.builder
```
for item recycling.
Heavy Tasks: Use
```
compute()
```
or
```
Isolates
```
for parsing/logic.
Repaints: Use
```
RepaintBoundary
```
for complex animations. Use
```
debugRepaintRainbowEnabled
```
to debug.

Images: Use

CachedNetworkImage

memCacheWidth

precachePicture

for SVGs.

Keys: Provide
```
ValueKey
```
for list items and stable IDs for reconciliation.
Resource Cleanup: Dispose controllers/streams in
```
dispose()
```
.
Pagination: Default to 20 items per page for network lists.
Build Purity: Keep
```
build
```
methods free of heavy work; move logic to BLoC/Application.
Image Resizing: Always set
```
maxWidth
```
/
```
maxHeight
```
when loading images.

Anti-Patterns

No Root
setState()
: Use

BlocBuilder

with

buildWhen

context.select()

for granular updates

No Heavy Business in
build()
: Move sorting/filtering/heavy logic to BLoC or
```
compute()
```
No Non-
const
Leaf Nodes: Apply
```
const
```
to all static widgets to skip unnecessary reconciliation
No Large
Column
Lists: Use
```
ListView.builder
```
for efficient item recycling in large lists

BlocBuilder<UserBloc, UserState>(
  buildWhen: (p, c) => p.id != c.id,
  builder: (context, state) => Text(state.name),
)