flutter-riverpod-expert — Claude Code skill: how to install
Equips AI coding assistants with modern Riverpod state management practices. It guides code generation, AsyncNotifier patterns, and widget rebuild optimizations.
npx skills add juparave/dotfiles --skill flutter-riverpod-expert -a claude-codeWhat flutter-riverpod-expert does
This skill guides coding assistants through modern Riverpod architecture in Flutter. It prioritizes code generation with @riverpod annotations and riverpod_generator. For handling asynchronous operations, the model uses AsyncNotifierProvider instead of legacy approaches, keeping state transitions and mutations predictable.
Rebuild efficiency receives heavy attention. The instructions differentiate ref.watch(), ref.read(), ref.select(), and ref.listen(). Subscribing to providers inside ListView.builder items degrades performance, so the assistant extracts child elements into standalone ConsumerWidget classes.
Configuring Riverpod 3.x requires caution with tooling dependencies. Because riverpod_lint 3.x relies directly on analyzer_plugin, adding custom_lint to pubspec.yaml breaks dependency resolution on version 3.1.8 and above. The skill enforces correct package declarations for both legacy and current setups.
What it helps with
- generate Riverpod providers using riverpod_generator
- structure asynchronous state and mutations with AsyncNotifier
- prevent unnecessary widget rebuilds using ref.select()
- configure riverpod_lint in analysis options without package conflicts
Example prompts for the agent
- Build an AsyncNotifier for a shopping cart with optimistic item removal
- Refactor this product card widget using ref.select to minimize rebuilds
- Configure pubspec.yaml and analysis_options.yaml for Riverpod 3.x
How to install flutter-riverpod-expert
1Skills CLI (Vercel)
npx skills add juparave/dotfiles --skill flutter-riverpod-expert -a claude-code2Manually: put the files in place
~/.claude/skills/flutter-riverpod-expert/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/flutter-riverpod-expert/
1Skills CLI (Vercel)
npx skills add juparave/dotfiles --skill flutter-riverpod-expert -a codex2Manually: put the files in place
.agents/skills/flutter-riverpod-expert/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add juparave/dotfiles --skill flutter-riverpod-expert -a cursor2Manually: put the files in place
.cursor/skills/flutter-riverpod-expert/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install juparave/dotfiles flutter-riverpod-expert2Manually: put the files in place
.github/skills/flutter-riverpod-expert/SKILL.md1Skills CLI (Vercel)
npx skills add juparave/dotfiles --skill flutter-riverpod-expert -a gemini-cli2Platform CLI
gemini skills install https://github.com/juparave/dotfiles --path .claude/skills/flutter-riverpod-expertManually: put the files in place
.devin/skills/flutter-riverpod-expert/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add juparave/dotfiles --skill flutter-riverpod-expert -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about flutter-riverpod-expert
How to install flutter-riverpod-expert in Claude Code?
Run npx skills add juparave/dotfiles --skill flutter-riverpod-expert -a claude-code to install the skill. The rule file will be placed in ~/.claude/skills/flutter-riverpod-expert/SKILL.md.
What does flutter-riverpod-expert do?
It instructs AI assistants to write modern Riverpod code, favoring code generation, AsyncNotifierProvider architecture, and targeted widget rebuilds.
Why does custom_lint conflict with Riverpod 3.x?
In Riverpod 3.x, riverpod_lint connects directly to analyzer_plugin. Declaring custom_lint in pubspec.yaml causes resolution failures with riverpod_lint 3.1.8 and newer.
