flutter-build-responsive-layout
flutter-build-responsive-layout is an agent skill published by flutter, listed under design. It lives in the flutter/agent-plugins repository, which has 3,108 GitHub stars and is licensed under BSD-3-Clause; we last read it on 2026-09-16.
Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.
Install
skills is a generic installer for any repository of Claude agent skills -- it reads flutter/agent-plugins’s own structure rather than assuming one, the same way this page reads the skill’s own SKILL.md rather than assuming a format.
npx skills add flutter/agent-plugins
Maintenance
Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.
flutter-build-responsive-layout compared with similar skills
| Skill | Publisher | What it does | Repo stars | Last update |
|---|---|---|---|---|
| flutter-build-responsive-layout (this page) | flutter | Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen… | 3,108 | 2026-10-21 |
| flutter-fix-layout-issues(same repository) | flutter | Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools. Use when add… | 3,108 | 2026-10-21 |
| setup-matt-pocock-skills | mattpocock | Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain… | 303,549 | 2026-10-22 |
| brand-guidelines | anthropic | Applies Anthropic's official brand colors and typography to any sort of artifact that may benefit from having… | 183,845 | 2026-10-09 |
| frontend-design | anthropic | Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps… | 183,845 | 2026-10-09 |
| apple-design | emilkowalski | Apple's approach to interface design and fluid, physical motion, translated for the web. Use when building or… | 49,715 | 2026-10-11 |
| mobile-native | emilkowalski | Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browse… | 49,715 | 2026-10-11 |
Skills from the same repository first, then others for this job by repository stars. Figures are from each repository when we last read it.
Common questions about flutter-build-responsive-layout
- What does flutter-build-responsive-layout do?
- Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on both mobile and tablet/desktop form factors.
- How do I install flutter-build-responsive-layout?
- Run npx skills add flutter/agent-plugins. The skills installer reads the repository’s own structure, so it works for any repository of agent skills.
- Who publishes flutter-build-responsive-layout?
- flutter.
- Is flutter-build-responsive-layout maintained, and what licence does it use?
- Its repository has 3,108 GitHub stars and its state in our directory is listed. Its last commit we recorded was on 2026-10-21. The repository declares the BSD-3-Clause licence.
More agent skills for design
- ai-product-photographyby 101-skills
- app-store-screenshotsby 101-skills
- email-designby 101-skills
- landing-page-designby 101-skills
- product-photographyby 101-skills
- social-media-carouselby 101-skills