Skills
.Work. You
Rest

flutter-layout

Community

Build responsive Flutter layouts.

Software Engineering#ui#layout#responsive design#flutter#dart#widgets
AuthorMimicHunterZ
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill helps developers construct robust, responsive user interfaces in Flutter by effectively utilizing layout widgets and understanding the constraint system.

Core Features & Use Cases

  • Widget Composition: Learn to combine Row, Column, Stack, ListView, and GridView for various layout needs.
  • Constraint System: Understand and apply Flutter's "Constraints go down, Sizes go up, Parent sets position" rule.
  • Adaptive Design: Implement layouts that adapt to different screen sizes using LayoutBuilder and MediaQuery.
  • Use Case: Create a mobile app layout that displays a sidebar on tablets but stacks content vertically on phones.

Quick Start

Use the flutter-layout skill to build a responsive UI that adapts to screen width.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: flutter-layout
Download link: https://github.com/MimicHunterZ/PocketMind/archive/main.zip#flutter-layout

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.