flutter-fix-layout-issues: a Claude Code skill by Flutter
Official
For Flutter developers stuck on overflow stripes or unbounded constraint errors. Skip it if your bug is in state, data or speed rather than layout.
- Score
- 80of 100
- Rank
- #57of 239
- Installs
- 42.4Kon skills.sh
- Security
- Clear 3 scanners
- Updated
- 2026
- Context
- ~60tokens always
Install
npx skills add https://github.com/flutter/agent-plugins --skill flutter-fix-layout-issues
Run it in your terminal. View the source
Using the Claude app rather than Claude Code? You can add a skill there too. How to add it in the app
What does flutter-fix-layout-issues do?
flutter-fix-layout-issues is a skill that clears Flutter layout exceptions by matching the error text to a known fix. It lists the usual messages: unbounded height when a ListView sits in a Column, unbounded width for a TextField in a Row, RenderFlex overflow, and misplaced Expanded or Positioned widgets. It tells Claude to ignore the follow-on "RenderBox was not laid out" error and look higher in the trace for the real cause. The checklist runs the app in debug mode, applies the matching wrap in Expanded, Flexible or SizedBox, hot reloads, and repeats until the yellow and black stripes are gone.
When should you use flutter-fix-layout-issues?
Use it when
- You see "RenderFlex overflowed" with yellow and black stripes
- A ListView inside a Column throws an unbounded height error
- A TextField in a Row won't render
Skip it when
- Your bug is about state or data, not layout
- You are designing a new responsive screen
What it needs and what it can touch
You need
- A Flutter project you can run in debug mode
What it can do
- Runs the app in debug mode and hot reloads
- Reads and edits project files
From reading its instructions, not from running it.
Why it scores 80
Strongest on upkeep (100 of 100), weakest on adoption (48).
Is flutter-fix-layout-issues safe to install?
Every scanner that checked it passed it. Scanners often miss what other scanners catch, and a skill can change after a scan. Read its source before you install it.
| Scanner | Result | Date |
|---|---|---|
| Gen Agent Trust Hub | Passed | Jul 13, 2026 |
| Socket | Passed | Jul 13, 2026 |
| Snyk | Low risk | Jul 13, 2026 |
Details
- Installs
- 42,443
- Repository stars
- 3,169
- Last repository change
- Tokens always loaded
- about 60
- Tokens when used
- about 1,240
- License
- BSD-3-Clause
- Data confidence
- High
Did it do the job for you?
Alternatives to flutter-fix-layout-issues
All skills for this job-
Get vue-debug-guidesvue-debug-guides
For Vue 3 developers chasing runtime errors, warnings, reactivity bugs or hydration mismatches.
flutter-fix-layout-issues