# flutter-expert

Sets up Claude Code for cross-platform app engineering with Flutter 3.x and Dart 3. Helps handle state management, platform channels, and Impeller tuning.

- skill · `type=skill` · Claude Code · 437 installs
- Author: davila7
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/skills/development/flutter-expert
- Updated: 2026-10-24
- HTML: https://affpapa.org/en/nevibecode/skills/flutter-expert

## What it does

This skill guides Claude Code through multi-platform development using modern Dart 3 features like pattern matching, records, and sealed classes. It structures apps with Clean Architecture, sets up dependency injection, and wires state management via Riverpod, Bloc, MobX, or GetX.

The prompt covers UI optimization, targeting 60 or 120 frames per second by cutting down widget rebuilds and migrating rendering to the Impeller engine. It also provides guidance on writing platform channels in Swift and Kotlin for native hardware interactions. When detailed guides are needed, the instructions point Claude Code to consult `resources/implementation-playbook.md`.

Without an installed Flutter 3.x SDK and native platform toolchains, testing generated platform channels locally will fail.

## Install

### Claude Code (native platform)

1. **claude-code-templates**
```bash
npx claude-code-templates@latest --skill development/flutter-expert
```

2. **Skills CLI (Vercel)**
```bash
npx skills add davila7/claude-code-templates --skill flutter-expert -a claude-code
```

3. **Manually: put the files in place**
- File: `~/.claude/skills/flutter-expert/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/flutter-expert/

### Codex

**Manually: put the files in place**
- File: `.agents/skills/flutter-expert/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

**Manually: put the files in place**
- File: `.cursor/skills/flutter-expert/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install davila7/claude-code-templates flutter-expert
```

2. **Manually: put the files in place**
- File: `.github/skills/flutter-expert/SKILL.md`

### Gemini CLI

**Platform CLI**
```bash
gemini skills install https://github.com/davila7/claude-code-templates --path cli-tool/components/skills/development/flutter-expert
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/flutter-expert/SKILL.md` — The legacy .windsurf/skills/ path still works

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/davila7/claude-code-templates/tree/HEAD/cli-tool/components/skills/development/flutter-expert

## When to use it
- migrate rendering pipelines from Skia to Impeller
- organize app state using Riverpod or Bloc patterns
- write bidirectional platform channels in Kotlin and Swift
- profile and cut down unnecessary widget rebuilds

## Example prompts
- Refactor our profile screen to use Riverpod 2.x and sealed classes for state
- Optimize this feed view using Slivers to target 120fps rendering
- Write a Kotlin method channel to interact with Android biometric hardware

## Similar
- [vercel-react-native-skills](https://affpapa.org/en/nevibecode/skills/vercel-react-native-skills.md) — skill · 255200 installs
- [animate-expo](https://affpapa.org/en/nevibecode/skills/animate-expo.md) — skill · 137900 installs
- [mobile-native](https://affpapa.org/en/nevibecode/skills/mobile-native.md) — skill · 86600 installs
- [aso](https://affpapa.org/en/nevibecode/skills/aso.md) — skill · 75900 installs
- [paywalls](https://affpapa.org/en/nevibecode/skills/paywalls.md) — skill · 71000 installs
- [swiftui-pro](https://affpapa.org/en/nevibecode/skills/swiftui-pro.md) — skill · 35200 installs

## Other versions with the same name
- [flutter-expert · jeffallan](https://affpapa.org/en/nevibecode/skills/httpsgithubcomjeffallan-flutter-expert.md) — 14300 installs

From the same set: [davila7/claude-code-templates](https://affpapa.org/en/nevibecode/by/davila7/claude-code-templates.md) — 804 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md