flutter-errors
Use when hitting layout errors (RenderFlex overflow, unbounded constraints, RenderBox not laid out), scroll errors, or setState-during-build errors.
npx skills add evanca/flutter-ai-rules --skill flutter-errors --agent claude-code
Same command for any agent — swap --agent for codex, cursor, copilot.
Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.
# Flutter Errors Skill This skill provides solutions for the most common Flutter runtime and layout errors. --- ## RenderFlex Overflowed **Error:** `A RenderFlex overflowed by X pixels on the right/bottom.` **Cause:** A `Row` or `Column` contains children that are wider/taller than the available space. **Fix:** Wrap the overflowing child in `Flexible` or `Expanded`, or constrain its size: ```dart Row( children: [ Expanded(child: Text('Long text that might overflow')), Icon(Icons.info), ], ) ``` --- ## Vertical Viewport Given Unbounded Height **Error:** `Vertical viewport was given unbounded height.` **Cause:** A `ListView` (or other scrollable) is placed inside a `Column` without a bounded height. **Fix:** Wrap the `ListView` in `Expanded` or give it a fixed height with `SizedBox`: ```dart Column( children: [ Text('Header'), Expanded( child: ListView(children: [...]), ), ], ) ``` --- ## InputDecorator Cannot Have Unbounded Width **Error:** `An InputDecorator...cannot have an unbounded width.` **Cause:** A `TextField` or similar widget is placed in a context without width constraints. **Fix:** Wrap it in `Expanded`, `SizedBox`, or any parent that provides width constraints: ```dart
- RenderFlex Overflowed
- Vertical Viewport Given Unbounded Height
- InputDecorator Cannot Have Unbounded Width
- setState Called During Build
- ScrollController Attached to Multiple Scroll Views
- RenderBox Was Not Laid Out
- Debugging Layout Issues
- References
What does the flutter-errors skill do?
Use when hitting layout errors (RenderFlex overflow, unbounded constraints, RenderBox not laid out), scroll errors, or setState-during-build errors.
How do I install it?
Run `npx skills add evanca/flutter-ai-rules --skill flutter-errors --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.
Where does this skill come from?
From evanca/flutter-ai-rules, a repository with 604 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.
Is a popular skill a good skill?
Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.