flutter-adaptive-ui
Build responsive Flutter apps using adaptive layouts, breakpoints, and constraint-based design principles.
Install
npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-adaptive-uiStats
| Total installs | 1,297 |
| Weekly installs | 1.3K |
| GitHub stars | 88 |
| First seen | Jan 22, 2026 |
| Source | @madteacher/mad-agents-skills |
Summary
- Three-step workflow: abstract common widgets, measure available space with MediaQuery or LayoutBuilder, and branch UI based on width breakpoints (compact <600, medium 600–840, expanded ≥840)
- Covers layout fundamentals including Flutter's constraint system, common patterns (Row, Column, Expanded, Container), and responsive grid/navigation examples
- Best practices emphasize size-based decisions over device type checks, support for touch/mouse/keyboard input, and avoiding full-width layouts on large screens
- Capability and Policy pattern for cleanly separating platform-specific features from business logic decisions
Tags
Related skills
| Skill | Installs | vs flutter-adaptive-ui |
|---|---|---|
| ux-designer | 1,198 | -99 |
| i18n-localization | 1,287 | -10 |
| gsap-plugins | 1,328 | +31 |
| seo-aeo-best-practices | 1,446 | +149 |
| fix | 1,322 | +25 |
FAQ
- How many installs does flutter-adaptive-ui have?
- flutter-adaptive-ui has 1,297 total installs and 1.3K installs this week.
- Where is flutter-adaptive-ui hosted?
- flutter-adaptive-ui is published by @madteacher/mad-agents-skills at https://github.com/madteacher/mad-agents-skills.
- How many GitHub stars does flutter-adaptive-ui have?
- flutter-adaptive-ui has 88 GitHub stars.
- When was flutter-adaptive-ui first indexed?
- OrangeBot.AI first indexed flutter-adaptive-ui on Jan 22, 2026.
- How do I install flutter-adaptive-ui?
- Run: npx skills add https://github.com/madteacher/mad-agents-skills --skill flutter-adaptive-ui