flutter▌
66 indexed skills · max 10 per page
flutter-ui-ux
ajianaz/skills-collection · Frontend
Create beautiful, responsive, and animated Flutter applications with modern design patterns and best practices.
flutter-expert
jeffallan/claude-skills · Productivity
Cross-platform mobile development with Flutter 3, Dart, and production-grade state management patterns. \n \n Covers widget development, Riverpod and Bloc state management, GoRouter navigation, and platform-specific implementations with detailed reference guides for each \n Enforces const optimization, proper key usage, and scoped state patterns to prevent unnecessary rebuilds and full-subtree re-renders \n Includes profiling workflows with Flutter DevTools, jank diagnosis, and performance optim
flutter-performance
flutter/skills · Productivity
Identifies and eliminates performance bottlenecks in Flutter apps through systematic profiling and targeted optimization. \n \n Provides a decision tree to diagnose jank on UI thread, Raster (GPU) thread, or both, with specific fixes for each \n Includes integration test templates using traceAction and TimelineSummary to establish performance baselines and measure frame budgets \n Covers UI optimization (localizing state, const constructors, StringBuffer usage) and Raster optimization (replacing
flutter-building-layouts
flutter/skills · Frontend
Master Flutter's constraint system to build responsive, overflow-free layouts efficiently. \n \n Core principle: constraints flow down, sizes flow up, parents set position. Never pass unbounded constraints in flex boxes or scrollable regions. \n Use Row / Column for linear layouts, Expanded / Flexible for space distribution, Stack for overlapping elements, and SizedBox for tight constraints. \n Apply LayoutBuilder for responsive sizing or conditional rendering for adaptive layouts across mobile,
flutter-riverpod-expert
juparave/dotfiles · Productivity
$21
flutter-animation
flutter/skills · Video
Select and implement the optimal Flutter animation strategy for your UI requirement. \n \n Includes a decision tree to choose between implicit animations, explicit tweens, physics-based motion, hero transitions, staggered sequences, and page route transitions \n Provides complete code examples for each animation type, from simple AnimatedContainer to complex staggered multi-tween setups \n Enforces strict memory management with mandatory AnimationController disposal and performance best practice
flutter-accessibility
flutter/skills · Productivity
Implement WCAG 2 and EN 301 549 accessibility standards and adaptive layouts in Flutter apps. \n \n Enforces semantic annotations, tap target sizes (48x48 dp minimum), and text contrast ratios (4.5:1 for small text, 3:1 for large) across mobile, web, and desktop platforms \n Provides decision logic for web semantics initialization, interactive widget wrapping, screen-size-based layout switching, and keyboard/mouse input handling \n Includes focus traversal management via FocusTraversalGroup and
flutter
mindrally/skills · Productivity
You are an expert in Flutter and Dart development with deep knowledge of mobile app architecture and state management.
flutter-home-screen-widget
flutter/skills · Productivity
Native home screen widgets for Flutter apps on iOS and Android with cross-platform data sharing. \n \n Establishes data sharing between Dart and native platforms via App Groups (iOS) and SharedPreferences (Android), enabling widget updates from your Flutter app \n Supports simple text-based widgets and complex Flutter UI rendered as static images for native display \n Requires native setup in Xcode (Widget Extension target with Swift TimelineProvider) and Android Studio (AppWidgetProvider with X
flutter-app-size
flutter/skills · Productivity
Measure and optimize Flutter app bundle, APK, or IPA size with platform-specific analysis and reduction strategies. \n \n Supports Android (APK/AppBundle), iOS (IPA), and desktop platforms (Linux, macOS, Windows) with platform-specific measurement workflows \n Generates code size analysis JSON files via flutter build --analyze-size and integrates with Dart DevTools App Size Tool for component breakdown visualization \n Implements size reduction through debug info splitting, asset compression, an