Loading...
Loading...
Found 9 Skills
Use when building cross-platform applications with Flutter 3+ and Dart. Invoke for widget development, Riverpod/Bloc state management, GoRouter navigation, platform-specific implementations, performance optimization.
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.
Enforces one app-wide GoRouter in lib/routing/ wired via MaterialApp.router, deep-linkable identity in path params never state.extra, context.go-vs-context.push discipline, redirect guards as pure functions driven by a Riverpod refreshListenable, StatefulShellRoute.indexedStack for branch-state-preserving BottomNavigationBar/NavigationRail shells, CustomTransitionPage transitions that respect reduced motion, PopScope (canPop/onPopInvokedWithResult) for unsaved-changes interception, and an errorBuilder 404 route. Use when adding routes, GoRoute, redirect, auth/onboarding gates, deep links, ShellRoute or nested navigation, bottom-nav/rail tab shells, page transitions, back-button/unsaved-changes handling, notification-payload-to-location mapping, typed routes, go_router_builder, or wiring go_router into app.dart.
Fetch tài liệu/API mới nhất của Flutter, Riverpod, GoRouter hoặc package liên quan khi nghi ngờ lỗi build là do API đã deprecated hoặc skill/instruction cũ không còn khớp phiên bản hiện tại. CHỈ dùng khi mcp-loop đã thử sửa lỗi compile nhiều lần mà không được - KHÔNG fetch doc trước mỗi lần code như một bước mặc định (tốn token không cần thiết).
Production-ready Dart and Flutter patterns covering null safety, immutable state, async composition, widget architecture, popular state management frameworks (BLoC, Riverpod, Provider), GoRouter navigation, Dio networking, Freezed code generation, and clean architecture.
Debug Flutter bottom tab stuck-loading, auth redirect loops, and reload/route restoration bugs in Riverpod + GoRouter apps. Use when tabs show infinite spinner, wrong tab after reload, or splash screen ignores current route.
Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or mobile apps that require specific deep linking and browser history support.
Sinh mã Flutter thật (widget, provider, model, route) dựa trên best-practice của flutter/agent-plugins, tuân theo architecture và design-system đã khóa. Dùng skill này ở bước viết code cụ thể, sau khi đã xác định xong kiến trúc và (nếu cần) migration.
Định nghĩa kiến trúc Flutter cố định (state management, router, cấu trúc thư mục Feature-First) mà mọi code sinh ra phải tuân theo. Dùng skill này mỗi khi sinh code mới, tạo feature mới, hoặc khi cần quyết định đặt file ở đâu trong project Flutter.