Build cross-platform mobile apps

flutter-expertskillsetup L29,726
Jeffallan/claude-skills
What it does

Build cross-platform mobile apps with Flutter widgets and Riverpod state

Best for

Cross-platform mobile development where reusable const widgets and scoped state management (Riverpod) reduce rebuilds and improve frame rates.

Inputs
  • · Flutter project (pubspec.yaml)
  • · Dart widget/provider code
  • · Riverpod state definitions
  • · GoRouter navigation config
Outputs
  • · runnable Flutter app (iOS/Android/Web)
  • · passing flutter test results
  • · profile-mode performance metrics
Requires
  • · flutter CLI (3+)
  • · dart analyzer
  • · flutter_test framework
  • · Riverpod (state management)
  • · GoRouter (navigation)
  • · Flutter DevTools (profiling)
Preconditions
  • · Flutter 3+ installed
  • · Project initialized (flutter create)
  • · pubspec.yaml dependencies resolved
  • · No flutter analyze errors before state implementation
Failure modes
  • · flutter analyze reports lints: fix before proceeding
  • · Widget tests fail: inspect DevTools widget tree, fix assertions
  • · Coverage drops: identify untested branches, add targeted tests
  • · Jank persists: check rebuild counts, apply const or move state closer
Trust signals
  • · Flutter 3+ official patterns (const constructors, Consumer widgets)
  • · Explicit constraints list (MUST DO / MUST NOT DO)
  • · Before/After code examples showing common pitfalls
  • · Troubleshooting table maps symptoms to recovery steps