Alternatives to flutter-build-responsive-layout
50 AI Skills apps to use instead, best rated first.
Top picks
- W

webapp-testing
LaunchNative Python Playwright scripts for testing local web applications with server lifecycle management. Includes with_server.py helper to automatically start and manage single or multiple servers before running automation scripts. Supports re
- C

content-research-writer
LaunchAssists in writing high-quality content by conducting research, adding citations, improving hooks, iterating on outlines, and providing real-time feedback on
- O

openhue
Launchopenhue is an agent skill from the OpenClaw project, listed on skills.sh. It lets an agent control Philips Hue lights and scenes through a Hue Bridge with the OpenHue CLI: turn lights on and off, dim rooms, set scenes such as movie mode, an
- B

batch-grill-me
Launchbatch-grill-me is an agent skill from Matt Pocock's skills collection, listed on skills.sh. It interviews you relentlessly about a plan until you share an understanding. It maps decisions as a tree and asks every question it can answer now
- I

implement
Launchimplement is an agent skill from Matt Pocock's skills collection, listed on skills.sh. It implements work from a spec or tickets: it fetches the ticket, works test-first at agreed seams, runs type checks and tests as it goes, reviews the re
- F

frontend-design
LaunchDistinctive, production-grade frontend interfaces that reject generic AI aesthetics through intentional design choices. Guides aesthetic direction selection (brutalist, maximalist, retro-futuristic, luxury, organic, etc.) before implementat
More AI Skills apps

brainstorming
Transform rough ideas into fully-formed designs through structured questioning

finishing-a-development-branch
Guides completion of development work by presenting clear options

test-driven-development
Use when implementing any feature or bugfix, before writing implementation code
About flutter-build-responsive-layout

flutter-build-responsive-layout
Use `LayoutBuilder`, `MediaQuery`
flutter-build-responsive-layout is an agent skill from Flutter's agent-plugins collection that helps a coding agent build a Flutter layout that adapts to different screen sizes. It describes the techniques to use, including LayoutBuilder, MediaQuery and Expanded or Flexible widgets, and it explains how to measure the available space correctly. The skill says to use MediaQuery.sizeOf to get the size of the app window, and to use LayoutBuilder to choose a widget tree based on the space the parent gives the widget. It warns against switching layouts with MediaQuery.orientationOf or OrientationBuilder near the top of the widget tree, because device orientation does not reflect the space the app has. It also says not to branch on hardware types such as phone or tablet, since Flutter apps can run in resizable windows, multi-window modes and picture-in-picture, so decisions should be based on the window space. The skill covers Flutter's core constraint rule, that constraints go down and sizes go up, and it has workflows for building an adaptive layout and for optimising for large screens. It is listed on skills.sh, where the page shows install counts, GitHub stars and security audit results. Install it with npx skills add https://github.com/flutter/agent-plugins --skill flutter-build-responsive-layout.
- Price
- Free
- Made by
- flutter
- Category
- AI Skills
- Website
- github.com/flutter/agent-plugins/flutter-build-responsive-layout
