# Flutter UI

> Flutter UI skill hub for responsive/adaptive layouts (phones/tablets/desktop/web), Material 3/Cupertino, foldables, accessibility, animations, and design systems.

- Skill: `melsaeed276/flutter-ui` (Agent Skill, multi-file: 12 files)
- Install (CLI): `npx skillmds@latest add melsaeed276/flutter-ui`
- Raw SKILL.md: https://api.skillmd.com/api/skills/melsaeed276/flutter-ui/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: Melsaeed276 (https://skillmd.com/u/melsaeed276)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/melsaeed276/flutter-ui

---


# UI Skills

## What this domain covers

Flutter UI building blocks: Material 3, Cupertino, responsiveness, breakpoints, adaptive layouts, foldables, orientation, animations, accessibility, and design systems.

## When to read it

- Your screens must work across phones, tablets, desktop, and web.
- You’re building a design system or adopting Material 3.
- You need foldable support (hinges, postures, two-pane UI).

## Subtopics

- Responsive foundations: [responsive.md](./responsive.md)
- Breakpoints strategy: [breakpoints.md](./breakpoints.md)
- Adaptive layouts: [adaptive_layouts.md](./adaptive_layouts.md)
- Foldables UI: [foldables.md](./foldables.md)
- Orientation handling: [orientation.md](./orientation.md)
- Material 3: [material3.md](./material3.md)
- Cupertino: [cupertino.md](./cupertino.md)
- Animations: [animations.md](./animations.md)
- Accessibility: [accessibility.md](./accessibility.md)
- Design systems: [design_system.md](./design_system.md)
- Theming tokens: [theming_tokens.md](./theming_tokens.md)

## Decision guide

- If you need **one codebase across sizes**, go to [responsive.md](./responsive.md).
- If you need **a consistent sizing strategy**, go to [breakpoints.md](./breakpoints.md).
- If you need **navigation rail vs bottom nav vs master-detail**, go to [adaptive_layouts.md](./adaptive_layouts.md).
- If you need **foldable posture and two-pane layouts**, go to [foldables.md](./foldables.md) (and [../platform/foldables.md](../platform/foldables.md)).