Skip to content
Get packs

Flutter Expert

Guides an agent to build Flutter 3 / Dart apps with Riverpod or Bloc, GoRouter, and performance tuning.

Source Download skill
Repository
Jeffallan/claude-skills
Stars
12,176
Licence
MIT
Files
7 files

What it does

Once installed, the agent works like a senior Flutter engineer: it scaffolds Flutter projects, picks Riverpod or Bloc for state, sets up GoRouter navigation, and favours const widgets and scoped rebuilds. It also follows a workflow that runs flutter analyze, flutter test and DevTools profiling, and loads detailed reference notes on each topic when relevant.

Great for

  • Developers building cross-platform mobile or web apps with Flutter and Dart
  • Teams wanting consistent Riverpod or Bloc state patterns and GoRouter routing
  • Engineers who want guidance on fixing jank and unnecessary widget rebuilds

Skip it if

  • Non-Flutter projects such as React Native or native iOS/Android, where the guidance does not apply
  • Anyone expecting the skill to publish or deploy apps; it only guides code and test work, and the agent will run local Flutter tooling commands that can change project files

Try asking

  • “Set up a new Flutter 3 project with Riverpod state and GoRouter navigation”
  • “Refactor this setState-heavy counter screen to use a scoped Riverpod ConsumerWidget”
  • “Find and fix jank in my Flutter list screen using DevTools profiling guidance”
  • “Add Bloc-based state management for the checkout flow with widget tests”
Step-by-step guide: how to use Flutter ExpertInstall, first run, examples, tips and FAQs

Install in 3 steps

  1. 1

    Download the skill

    The ZIP contains the 7 original files, the MIT licence and an attribution note.

    flutter-expert.zip
  2. 2

    Add it to your agent

    Claude Code (all projects)

    mkdir -p ~/.claude/skills && unzip flutter-expert.zip -d ~/.claude/skills/

    Claude Code / Agent SDK (this project only)

    mkdir -p .claude/skills && unzip flutter-expert.zip -d .claude/skills/

    Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.

  3. 3

    Ask for the task

    No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.

Get better results

  • Point the agent at your existing project structure first so it follows your conventions rather than scaffolding anew
  • Let the agent run flutter analyze and flutter test itself, and review any dependency upgrades it suggests such as flutter pub upgrade --major-versions
  • Name the state library you use (Riverpod or Bloc) in your request to avoid mixed patterns

What's inside

  • references/bloc-state.md
  • references/gorouter-navigation.md
  • references/performance.md
  • references/project-structure.md
  • references/riverpod-state.md
  • references/widget-patterns.md
  • SKILL.md

Redistributed unmodified from Jeffallan/claude-skills under the MIT licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.