How do I install the Flutter UI skill?

Run npx skillmds@latest add tomevault-io/flutter-ui-4 in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

What does the Flutter UI skill do?

Flutter UI skill hub for responsive/adaptive layouts (phones/tablets/desktop/web), Material 3/Cupertino, foldables, accessibility, animations, and design systems. Use when this capability is needed. It is listed under Web & Frontend on SkillMD.

Is Flutter UI safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Flutter UI?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Flutter UI free to use?

Yes. Installing skills from SkillMD is free, and the skill stays under its author's original license.

Who published Flutter UI?

tomevault-io (@tomevault-io) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Flutter UI by tomevault-io — Agent Skill

Name: Flutter UI
Author: tomevault-io

File contents

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
Breakpoints strategy: breakpoints.md
Adaptive layouts: adaptive_layouts.md
Foldables UI: foldables.md
Orientation handling: orientation.md
Material 3: material3.md
Cupertino: cupertino.md
Animations: animations.md
Accessibility: accessibility.md
Design systems: design_system.md
Theming tokens: theming_tokens.md

Decision guide

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

Source: Melsaeed276/flutter-agent-skills — distributed by TomeVault.

Frequently asked questions

Flutter UI