flutter-fix-layout-issues
This skill provides a diagnostic and resolution workflow for common Flutter layout errors, including RenderFlex overflows and unbounded constraint violations.
Is flutter-fix-layout-issues safe to install?
Safe to install: our audit of flutter-fix-layout-issues's source files found 0 shell commands, 0 external URLs, no file writes (none risk). Every command and URL listed appears verbatim in the skill's source. The skill provides a manual workflow and code patterns for the user to apply. It does not execute code or access files.
How we audit skills: our security review methodology.
Who is this skill for?
Flutter developers encountering layout exceptions during UI development.
What can you do with it?
- Resolving RenderFlex overflow errors in Rows and Columns.
- Fixing unbounded height errors for scrollable widgets inside Columns.
- Correcting unbounded width errors for input fields inside Rows.
- Addressing incorrect ParentData widget placement.
How good is this skill?
Quality score: 5/10. The skill provides clear, actionable diagnostic steps and code examples for common Flutter layout issues.
What does the skill file contain?
# Resolving Flutter Layout Errors ## Contents - [Constraint Violation Diagnostics](#constraint-violation-diagnostics) - [Layout Error Resolution Workflow](#layout-error-resolution-workflow) - [Examples](#examples) ## Constraint Violation Diagnostics Flutter layout operates on a strict rule: **Constraints go down. Sizes go up. Parent sets position.** Layout errors occur when this negotiation fails, typically due to unbounded constraints or unconstrained children. Diagnose layout failures using the following error signatures: * **"Vertical viewport was given unbounded height"**: Triggere...
Frequently asked questions
Does this skill automatically fix my code?
No. The skill provides a diagnostic checklist and code patterns for the developer to apply manually.
Which layout errors does this skill cover?
It covers RenderFlex overflows, unbounded height in scrollable widgets, unbounded width in InputDecorators, and incorrect ParentData widget usage.
Related skills
web-design-guidelines
440.2KDevelopers and designers who need to verify UI code compliance with interface standards
The web-design-guidelines skill audits UI code against Web Interface Guidelines. It fetches current rules from a remote source and compares them against specified local files.
shadcn
217.3KDevelopers building UI components and design systems using shadcn/ui
The shadcn skill manages UI components and design systems for projects using the shadcn/ui framework. It provides tools to search, add, debug, and style components, while enforcing strict composition and styling rules based on project-specific configuration.
systematic-debugging
173.2KSoftware engineers and AI agents tasked with resolving bugs, test failures, or unexpected system behaviors
A structured methodology for debugging technical issues by prioritizing root cause identification over symptom-based patching. It mandates a four-phase process: root cause investigation, pattern analysis, hypothesis testing, and implementation, while providing specific protocols for handling persistent failures and architectural concerns.
emil-design-eng
114.3KDevelopers and designers building user interfaces who want to improve the feel and responsiveness of their software
This skill provides design engineering guidance based on Emil Kowalski's philosophy for UI polish, component design, and animation. It includes specific frameworks for animation decision-making, CSS transition techniques, and component interaction patterns.