Official ★ Featured Mobile Development

Flutter / flutter-building-layouts

Build and fix layouts using the constraint system (Row, Column, Stack)

This skill ships only metadata — no inline instructions. See the source repo for details.

Install this skill

One command (all agents)

Runs the npx skills CLI which auto-detects every AI coding agent you have installed (Claude Code, Cursor, Codex, OpenCode, Windsurf, Copilot, and 51 more).

npx skills add https://github.com/flutter/skills/tree/main/skills/flutter-building-layouts

Alternative: shorthand form

npx skills add flutter/skills --skill flutter-building-layouts

Install to a specific agent

Pick the agent you use. The CLI writes the skill to that agent's standard skill directory.

npx skills add flutter/skills --skill flutter-building-layouts --agent claude-code

npx skills add flutter/skills --skill flutter-building-layouts --agent cursor

npx skills add flutter/skills --skill flutter-building-layouts --agent codex

npx skills add flutter/skills --skill flutter-building-layouts --agent opencode

npx skills add flutter/skills --skill flutter-building-layouts --agent github-copilot

npx skills add flutter/skills --skill flutter-building-layouts --agent windsurf

Manual install (no CLI)

Prefer to skip the CLI? Clone the repo and drop the skill folder into your agent's skills directory.

git clone https://github.com/flutter/skills.git

cp -r skills/skills/flutter-building-layouts ~/.claude/skills/

For other agents, replace ~/.claude/skills/ with their skill directory — see the full list.

Use it

Once installed, ask your agent to "use the flutter-building-layouts skill" or describe what you want (e.g. "Build and fix layouts using the constraint system (Row, Column, Stack)"). Most agents auto-discover the skill from its SKILL.md description — no slash command needed.

Requires: Node.js 18+ for npx skills. Skill files are MIT-style permissive by default — check the source repo for the actual license.

SKILL.md source

---
name: flutter-building-layouts
description: Build and fix layouts using the constraint system (Row, Column, Stack)
---

Related skills 6

vercel-react-native-skills

★ Featured Official

React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

vercel-labs 124k

Mobile

adapt

★ Featured

Adapt designs to work across different screen sizes, devices, contexts, or platforms. Implements breakpoints, fluid layouts, and touch targets. Use when the user mentions responsive design, mobile layouts, breakpoints, viewport adaptation, or cross-device compatibility.

pbakaus 82k

Mobile