🎯

flutter-build-responsive-layout

🎯Skill

from flutter/skills

What it does

A Flutter agent skill for building responsive layouts using LayoutBuilder, MediaQuery, and Expanded/Flexible widgets so UIs adapt correctly across mobile and tablet/desktop form factors. Part of the official Flutter skills collection (currently in development) that covers accessibility, testing, routing, localization, and more.

📦

Same repository

flutter/skills(56 items)

flutter-build-responsive-layout

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

npx vibeindex add flutter/skills --skill flutter-build-responsive-layout

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

npx skills add flutter/skills --skill flutter-build-responsive-layout

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/flutter-build-responsive-layout/SKILL.md

SKILL.md

1,580Installs

AddedApr 24, 2026

View on GitHub Back to Skills

More from this repository10

🎯

flutter-building-layouts🎯Skill

Skill

🎯

flutter-architecting-apps🎯Skill

Skill

🎯

flutter-animating-apps🎯Skill

Skill

🎯

flutter-managing-state🎯Skill

Skill

🎯

flutter-theming-apps🎯Skill

An official Flutter agent skill that implements theming in Flutter apps, covering color schemes, typography, and dynamic theming for consistent visual branding across platforms.

🎯

flutter-implementing-navigation-and-routing🎯Skill

Skill

🎯

flutter-testing-apps🎯Skill

Skill

🎯

flutter-caching-data🎯Skill

Skill

🎯

flutter-reducing-app-size🎯Skill

Skill

🎯

flutter-building-forms🎯Skill

An official Flutter agent skill that builds Flutter forms with validation and user input handling, covering login screens, data entry forms, and any multi-field user input scenarios.