SkillsAdd

minimax-ai/skills

flutter-dev

Flutter cross-platform development guide covering widget patterns, Riverpod/Bloc state management, GoRouter navigation, performance optimization, and platform-specific implementations. Includes const optimization, responsive layouts, testing strategies, and DevTools profiling. Use when: building Flutter apps, implementing state management (Riverpod/Bloc), setting up GoRouter navigation, creating custom widgets, optimizing performance, writing widget tests, cross-platform development.

All-time #6420 First seen Mar 26, 2026
8-week activity · all time api

Installation

$ npx skills add minimax-ai/skills --skill flutter-dev
View on skills.sh ↗ GitHub repository ↗

Similar popular skills

Related neighbors and high-traction skills in the same topics — useful to compare before installing.

flutter-apply-architecture-best-practices Similar name
flutter/agent-plugins

Architects a Flutter application using the recommended layered approach (UI, Logic, Data). Use …

34.4K installs
flutter-build-responsive-layout Similar name
flutter/agent-plugins

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to dif…

33.3K installs
flutter-fix-layout-issues Similar name
flutter/agent-plugins

Fixes Flutter layout errors (overflows, unbounded constraints) using Dart and Flutter MCP tools…

31.9K installs
flutter-add-widget-test Similar name
flutter/agent-plugins

Implement a component-level test using `WidgetTester` to verify UI rendering and user interacti…

31.1K installs
flutter-add-integration-test Similar name
flutter/agent-plugins

Configures Flutter Driver for app interaction and converts MCP actions into permanent integrati…

30.5K installs
flutter-setup-declarative-routing Similar name
flutter/agent-plugins

Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigati…

30.3K installs

Also in this package

Other skills from minimax-ai/skills · top by installs.

npx skills add minimax-ai/skills
pptx-generator 5.7K minimax-docx 4.4K minimax-xlsx 3.7K minimax-pdf 3.7K fullstack-dev 3.3K frontend-dev 3.1K vision-analysis 2.6K android-native-dev 2.5K shader-dev 2.2K ios-application-dev 2.1K

Browse all from minimax-ai/skills

More details

Agent compatibility

Declared targets from SKILL.md / docs. Unmarked agents are not listed — the skill may still install via the CLI.

Claude Code Not declared
Cursor Not declared
Codex Not declared
GitHub Copilot Not declared
Windsurf Not declared
Gemini CLI Not declared
Cline Not declared
OpenCode Not declared

Repository health

Stars 13.5K
License LICENSES
Default branch main
Open issues 25
Status Active

Skill metadata

Parsed from SKILL.md frontmatter.

Version1.0.0
LicenseMIT
More metadata
version
1.0.0
category
mobile
sources
["flutter-expert by Jeff Smolinski (https:\/\/github.com\/Jeffallan\/claude-skills) — Flutter expert skill framework","Flutter Documentation","Riverpod Documentation","Bloc Library Documentation"]

Package contents

Files included with this skill beyond the listing page.

  • skill md SKILL.md 5,230 B
  • docs SUMMARY.md 507 B

History

  1. First seen on skills.sh
  2. First recorded snapshot · 1,900 installs

SKILL.md

Flutter Development Guide

A practical guide for building cross-platform applications with Flutter 3 and Dart. Focuses on proven patterns, state management, and performance optimization.

Quick Reference

Widget Patterns

Purpose Component
State management (simple) StateProvider + ConsumerWidget
State management (complex) NotifierProvider / Bloc
Async data FutureProvider / AsyncNotifierProvider
Real-time streams StreamProvider
Navigation GoRouter + context.go/push
Responsive layout LayoutBuilder + breakpoints
List display ListView.builder
Complex scrolling CustomScrollView + Slivers
Hooks HookWidget + useState/useEffect
Forms Form + TextFormField + validation

Performance Patterns

Purpose Solution
Prevent rebuilds const constructors
Selective updates ref.watch(provider.select(...))
Isolate repaints RepaintBoundary
Lazy lists ListView.builder
Heavy computation compute() isolate
Image caching cachednetworkimage

Core Principles

Widget Optimization

  • Use const constructors wherever possible
  • Extract static widgets to separate const classes
  • Use Key for list items (ValueKey, ObjectKey)
  • Prefer ConsumerWidget over StatefulWidget for state

State Management

  • Riverpod for dependency injection and simple state
  • Bloc/Cubit for event-driven workflows and complex logic
  • Never mutate state directly (create new instances)
  • Use select() to minimize rebuilds

Layout

  • 8pt spacing increments (8, 16, 24, 32, 48)
  • Responsive breakpoints: mobile (<650), tablet (650-1100), desktop (>1100)
  • Support all screen sizes with flexible layouts
  • Follow Material 3 / Cupertino design guidelines

Performance

  • Profile with DevTools before optimizing
  • Target <16ms frame time for 60fps
  • Use RepaintBoundary for complex animations
  • Offload heavy work with compute()

Checklist

Widget Best Practices

  • const constructors on all static widgets
  • Proper Key on list items
  • ConsumerWidget for state-dependent widgets
  • No widget building inside build() method
  • Extract reusable widgets to separate files

State Management

  • Immutable state objects
  • select() for granular rebuilds
  • Proper provider scoping
  • Dispose controllers and subscriptions
  • Handle loading/error states

Navigation

  • GoRouter with typed routes
  • Auth guards via redirect
  • Deep linking support
  • State preservation across routes

Performance

  • Profile mode testing (flutter run --profile)
  • <16ms frame rendering time
  • No unnecessary rebuilds (DevTools check)
  • Images cached and resized
  • Heavy computation in isolates

Testing

  • Widget tests for UI components
  • Unit tests for business logic
  • Integration tests for user flows
  • Bloc tests with blocTest()

References

Topic Reference
Widget patterns, const optimization, responsive layout [Widget Patterns](references/widget-patterns.md)
Riverpod providers, notifiers, async state [Riverpod State Management](references/riverpod-state.md)
Bloc, Cubit, event-driven state [Bloc State Management](references/bloc-state.md)
GoRouter setup, routes, deep linking [GoRouter Navigation](references/gorouter-navigation.md)
Feature-based structure, dependencies [Project Structure](references/project-structure.md)
Profiling, const optimization, DevTools [Performance Optimization](references/performance.md)
Widget tests, integration tests, mocking [Testing Strategies](references/testing.md)
iOS/Android/Web specific implementations [Platform Integration](references/platform-specific.md)
Implicit/explicit animations, Hero, transitions [Animations](references/animations.md)
Dio, interceptors, error handling, caching [Networking](references/networking.md)
Form validation, FormField, input formatters [Forms](references/forms.md)
i18n, flutter_localizations, intl [Localization](references/localization.md)

Flutter, Dart, Material Design, and Cupertino are trademarks of Google LLC and Apple Inc. respectively. Riverpod, Bloc, and GoRouter are open-source packages by their respective maintainers.