flutter-dev
Build cross-platform Flutter applications
Building high-quality cross-platform apps requires mastering many Flutter patterns and state management approaches. This skill provides structured guidance on widget patterns, Riverpod and Bloc state management, GoRouter navigation, performance optimization, and platform-specific implementations.
Download the skill ZIP
Upload in Claude
Go to Settings → Capabilities → Skills → Upload skill
Toggle on and start using
Test it
Using "flutter-dev". Show me how to set up GoRouter with authentication guards
Expected outcome:
- Configure GoRouter with a redirect function that checks auth state
- Define route paths for login, home, and protected screens
- Implement a redirect that sends unauthenticated users to the login page
- Preserve navigation state during authentication redirects
Using "flutter-dev". How do I test a Bloc-based Flutter widget?
Expected outcome:
- Write widget tests using pumpWidget with a ProviderScope wrapper
- Use Mocktail to mock repository dependencies
- Trigger user interactions with find and tap methods
- Verify expected UI state changes with expect assertions
Security Audit
SafeThis skill consists entirely of markdown documentation files (SKILL.md and 12 reference files) containing Dart/Flutter code examples and development best practices. The static analyzer flagged 583 patterns, but all are false positives caused by misinterpreting markdown code fence backticks as shell commands and treating documentation content as executable code. No actual scripts, network calls, filesystem operations, or external commands are present. The skill is safe to publish.
Quality Score
What You Can Build
Mobile app startup architecture
Set up a new Flutter project with feature-based structure, GoRouter navigation, and Riverpod state management from the start.
State management migration
Migrate an existing Flutter application from setState to Riverpod or Bloc for better state organization and testability.
Performance optimization audit
Identify and fix performance bottlenecks using DevTools profiling, const optimization, and RepaintBoundary patterns.
Try These Prompts
Help me set up a new Flutter project with a feature-based folder structure. Include GoRouter for navigation and Riverpod for state management. Show the main entry point and a basic feature folder.
Show me how to implement a user authentication flow using Riverpod. Include a StateNotifierProvider for auth state, a login form with validation, and navigation to a home screen on success.
Review this Flutter widget tree and identify performance issues. Suggest where to use const constructors, RepaintBoundary, and ListView.builder. Explain the impact of each optimization.
Create a Dio HTTP client setup with authentication interceptors, error handling, and retry logic. Include a repository pattern for API calls and show how to integrate it with Riverpod providers.
Best Practices
- Use const constructors on all static widgets to prevent unnecessary rebuilds and reduce memory usage
- Choose Riverpod for simple state management and dependency injection, and Bloc for complex event-driven state flows
- Profile with Flutter DevTools in profile mode before optimizing to identify actual performance bottlenecks
Avoid
- Avoid using setState for shared state that multiple widgets depend on. Use a state management solution instead
- Do not place API calls or heavy computation inside build methods. Use providers or isolates for async work
- Never skip const constructors on static widgets. Missing const prevents Flutter from skipping unchanged widget subtrees