PlugWiki

flutter-expert skill (jeffallan): build Flutter apps with Riverpod, Bloc and GoRouter

Makes your agent build Flutter apps like a senior mobile engineer, with Riverpod or Bloc, GoRouter and tested widgets.

Installs
14.6K
on skills.sh
Stars
12.2K
on GitHub
Files
6
besides SKILL.md
Updated
Oct 2026
last repo commit

This skill gives your agent a five-step Flutter workflow: setup, state, widgets, test and optimize. It uses flutter analyze, flutter test and DevTools profiling at each step, and keeps six reference files for Riverpod, Bloc, GoRouter, widget patterns, project structure and performance.

It triggers on widget development, Riverpod or Bloc state management, GoRouter navigation, platform-specific code and performance work. It is one of many skills in the jeffallan/claude-skills pack.

Good for

  • Flutter developers who want consistent state, routing and widget patterns
  • Teams choosing between Riverpod and Bloc
  • Developers chasing jank and extra rebuilds

Install flutter-expert

Claude Code

  1. 1

    Copy this prompt.

    Install the flutter-expert skill in Claude Code. Run this command:
    
    /plugin marketplace add jeffallan/claude-skills
    /plugin install fullstack-dev-skills@fullstack-dev-skills
    
    Then check that it loaded and tell me how to use it.
  2. 2

    Paste it into Claude Code. It shows the change and asks before running it.

Plugin route: adds the pack's 67 skills (the repo has 67) and its 9 workflow commands, such as /common-ground and /project:*, not only this skill. Restart Claude Code when prompted. Skills CLI route: the Quick Start says it installs skills only, without the slash commands; the --skill flag picks this one.

From the project README. Source.

What's in the skill

When it loads

Use when building cross-platform applications with Flutter 3+ and Dart. Invoke for widget development, Riverpod/Bloc state management, GoRouter navigation, platform-specific implementations, performance optimization.

Sections in SKILL.md

  1. When to Use This Skill
  2. Core Workflow
  3. Reference Guide
  4. Code Examples
  5. Riverpod Provider + ConsumerWidget (correct pattern)
  6. Before / After — State Management
  7. Constraints
  8. MUST DO
  9. MUST NOT DO
  10. Troubleshooting Common Failures
  11. Output Templates

Key facts

Installs on skills.sh
14,581 as of 2 Nov 2026
License
MIT
Last commit in the repo
2026-10-30

What it includes

  • Setup, state, widgets, test, optimize

    Runs flutter pub get, flutter analyze, flutter test, flutter test --coverage and flutter run --profile, with a recovery note for each step.

    Try: “Add a Riverpod-backed counter feature with widget tests, and keep flutter analyze clean.”

    Runs code · Core workflow

  • Provider types and the Notifier pattern

    Loaded for state management, providers and notifiers.

    Read · references/riverpod-state.md

  • Bloc and Cubit setup, async patterns, GoRouter auth guard

    Loaded for event-driven state and complex business logic.

    Read · references/bloc-state.md

  • GoRouter setup, shell routes, query parameters

    Loaded for navigation and deep linking.

    Read · references/gorouter-navigation.md

  • Const widgets, slivers, feature-based layout

    Loaded for UI components and architecture.

    Read · references/widget-patterns.md and project-structure.md

  • Profiling commands, RepaintBoundary, compute()

    Loaded for jank and rebuild problems.

    Read · references/performance.md

  • Six must-do and six must-not rules

    Use const constructors and ConsumerWidget; do not build widgets inside build() or use setState for app-wide state.

    Read · Constraints

  • Five symptoms with likely causes and fixes

    Covers analyze errors, widget test failures, a failed build after adding a package (flutter pub upgrade --major-versions), jank, and hot reload.

    Runs code · Troubleshooting table

From the official docs

Permissions

Low risk

What it can do

  • Read your data
  • Create and change things
  • Delete things
  • Read-only mode

Watch out for

  • A fix step upgrades packages to major versions

    The troubleshooting table suggests flutter pub upgrade --major-versions after a failed build. That can change many packages at once. Review pubspec.lock changes. github.com

  • The plugin route installs the whole pack

    The plugin manifest describes 67 skills and 9 workflow commands. The repo has no hooks file or .mcp.json at its top level; each skill is a SKILL.md with reference files. github.com

Technical details
Turning on read-onlyThe SKILL.md defines no read-only switch.
Talks topub.dev, when packages are fetched or upgraded
Scopes
  • Runs flutter pub get, analyze, test and run --profile

  • Edits Dart files, tests and pubspec.yaml in your project

Questions

What does the flutter-expert skill do?

It makes your agent write Flutter 3 code with a fixed workflow: Riverpod or Bloc for state, GoRouter for navigation, const-optimized widgets, tests, and profiling with DevTools.

How do I install it?

Use the install box on this page. It installs this skill alone. The pack README also documents a Claude Code plugin route that installs the whole pack of skills and workflow commands.

Riverpod or Bloc?

It supports both and loads a separate reference file for each. The Riverpod example in the SKILL.md is marked the correct pattern, and the Bloc reference calls Cubit the recommended choice for simpler logic.

Does it need its related skills?

No. The SKILL.md lists react-native-expert, test-master and fullstack-guardian as related skills, but nothing in it requires them.

Is it safe to run?

It runs flutter commands and edits your project files, and the troubleshooting table suggests upgrading dependencies to major versions. Work on a branch and review the diff. The Watch out list has more.

Information

updated Nov 2, 2026

Folder
skills/flutter-expert

jeffallan/claude-skillsskills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 4
  1. claude-skills README · github.com
  2. jeffallan/claude-skills Quick Start · github.com
  3. fullstack-dev-skills plugin manifest · github.com
  4. flutter-expert SKILL.md · github.com

Updated Nov 2, 2026.