Expert Flutter/Dart guidance. Use when working with Flutter projects, implementing BLoC/Riverpod patterns, writing Dart code, optimizing performance, or following Clean Architecture. Provides architecture patterns, widget best practices, and testing strategies.
Installation
Details
Usage
After installing, this skill will be available to your AI coding assistant.
Verify installation:
npx agent-skills-cli listSkill Instructions
name: dart-flutter-expert description: Expert Flutter/Dart guidance. Use when working with Flutter projects, implementing BLoC/Riverpod patterns, writing Dart code, optimizing performance, or following Clean Architecture. Provides architecture patterns, widget best practices, and testing strategies.
Dart & Flutter Expert
Architecture (Clean Architecture)
lib/modules/feature/
├── data/ # DTOs, datasources, repository impl
├── domain/ # Entities, contracts, use cases
└── presentation/ # Pages, widgets, providers
State Management
| Complexity | Use |
|---|---|
| Simple | setState, ValueNotifier |
| Medium | Provider, Riverpod |
| Complex | BLoC, Riverpod with codegen |
Widget Best Practices
// Always use const
const MyWidget({super.key});
// Extract widgets, not methods
class _UserAvatar extends StatelessWidget { ... }
// Use freezed for models
@freezed
class User with _$User {
const factory User({required String id}) = _User;
}
// Selective rebuilds
BlocSelector<AuthBloc, AuthState, bool>(
selector: (state) => state is AuthLoading,
builder: (context, isLoading) => ...,
)
Performance
- Use
consteverywhere possible - Use
ListView.builderfor lists - Use
CachedNetworkImagefor images - Avoid FutureBuilder with inline futures
Testing
// BLoC test
blocTest<AuthBloc, AuthState>(
'emits [Loading, Success] on login',
build: () => AuthBloc(useCase: mockUseCase),
act: (bloc) => bloc.add(LoginRequested()),
expect: () => [AuthLoading(), AuthSuccess(user)],
);
Commands
dart run build_runner build --delete-conflicting-outputs
flutter test --coverage
flutter analyze
More by abbas133
View allExpert UI/UX design and frontend development guidance. Use when designing interfaces, creating design systems, improving user experience, implementing accessible components, or building responsive layouts. Covers WCAG compliance, design patterns, and CSS/component best practices.
Expert Supabase integration for Flutter. Use when working with Supabase auth, database queries, realtime subscriptions, storage, edge functions, or RLS policies. Covers supabase_flutter package patterns.
Expert Firebase integration for Flutter. Use when working with Firebase Auth, Firestore, Cloud Storage, Cloud Messaging (FCM), Analytics, Crashlytics, or Remote Config. Covers FlutterFire packages and best practices.
Complete Eisaal Sanctuary design system including Karbala shrine-inspired color palette, typography, spacing tokens, glassmorphic effects, and animation patterns. Use for any UI work.
