flutter-build-responsive-layout: a Claude Code skill by Flutter
Official
For Flutter developers whose app has to work on phones, tablets, desktops and foldables. Skip it if your app ships on one fixed screen size only.
- Score
- 80of 100
- Rank
- #56of 239
- Installs
- 45.3Kon skills.sh
- Security
- Clear 3 scanners
- Updated
- 2026
- Context
- ~58tokens always
Install
npx skills add https://github.com/flutter/agent-plugins --skill flutter-build-responsive-layout
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-build-responsive-layout do?
flutter-build-responsive-layout is a skill for Flutter screens that adapt to the window size, not the device type. It tells Claude to read space with MediaQuery.sizeOf or LayoutBuilder, to avoid orientation checks and phone versus tablet tests, and not to lock orientation because foldables then letterbox the app. One checklist wraps a widget in LayoutBuilder and switches between a side-by-side Row and a single column at a breakpoint such as 600. A second keeps lists and forms from stretching on desktops with ConstrainedBox and Center, or a GridView.builder whose column count follows the width.
When should you use flutter-build-responsive-layout?
Use it when
- Your Flutter app looks stretched on tablets or desktop
- You want a sidebar layout on wide screens only
- You need to support foldables and resizable windows
Skip it when
- Your app runs on one fixed screen size
- You are fixing a layout error message
What it needs and what it can touch
What it can do
- 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 (49).
Is flutter-build-responsive-layout 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
- 45,349
- Repository stars
- 3,165
- Last repository change
- Tokens always loaded
- about 58
- Tokens when used
- about 1,612
- License
- BSD-3-Clause
- Data confidence
- High
Did it do the job for you?
Alternatives to flutter-build-responsive-layout
All skills for this job-
Get impeccableimpeccable
For designers and developers who want named commands such as polish, critique and quieter for interface work.
-
Get frontend-ui-engineeringfrontend-ui-engineering
For developers building React-style interfaces who want accessible, responsive components without the stock AI look.
-
Get vercel-react-best-practicesvercel-react-best-practices
For React and Next.js developers who want slow pages and heavy bundles fixed by a ranked rulebook.
-
Get shadcnshadcn
For React developers on shadcn/ui who want Claude to add and compose components through the CLI.
flutter-build-responsive-layout