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
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
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
- When to Use This Skill
- Core Workflow
- Reference Guide
- Code Examples
- Riverpod Provider + ConsumerWidget (correct pattern)
- Before / After — State Management
- Constraints
- MUST DO
- MUST NOT DO
- Troubleshooting Common Failures
- 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 is inside
- 7 files including SKILL.md
- skills.sh audits
- Gen Agent Trust Hub fail, Socket pass, Snyk pass
- Related skills in SKILL.md
- react-native-expert, test-master, fullstack-guardian
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 workflowProvider types and the Notifier pattern
Loaded for state management, providers and notifiers.
Read ·
references/riverpod-state.mdBloc and Cubit setup, async patterns, GoRouter auth guard
Loaded for event-driven state and complex business logic.
Read ·
references/bloc-state.mdGoRouter setup, shell routes, query parameters
Loaded for navigation and deep linking.
Read ·
references/gorouter-navigation.mdConst widgets, slivers, feature-based layout
Loaded for UI components and architecture.
Read ·
references/widget-patterns.md and project-structure.mdProfiling commands, RepaintBoundary, compute()
Loaded for jank and rebuild problems.
Read ·
references/performance.mdSix 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 ·
ConstraintsFive 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-only | The SKILL.md defines no read-only switch. |
|---|---|
| Talks to | pub.dev, when packages are fetched or upgraded |
| Scopes |
|
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
- Repository
- jeffallan/claude-skills
- Folder
skills/flutter-expert
Sources
Docs, issue trackers and discussions this page is built from.
Show all 4Hide
- claude-skills README · github.com
- jeffallan/claude-skills Quick Start · github.com
- fullstack-dev-skills plugin manifest · github.com
- flutter-expert SKILL.md · github.com