Die Erstellung von mobilen Anwendungen für iOS, Android und das Web erfordert tiefgreifende Expertise in Flutter, State Management und plattformspezifischen Implementierungen. Diese Fähigkeit bietet umfassende Anleitung für die Flutter 3+ Entwicklung mit Riverpod, Bloc und GoRouter Mustern.
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「flutter-expert」を使用しています。 Create a Riverpod Notifier for a todo list with add, toggle, and remove functionality
期待される結果:
- A complete Dart file with @riverpod TodoList class extending StateNotifier<List<Todo>>
- Methods for add, toggle, and remove with proper state updates
- Example usage in a ConsumerWidget with ref.watch and ref.read
- Type-safe state management following Riverpod 2.0 patterns
「flutter-expert」を使用しています。 Set up GoRouter with auth guard and deep linking
期待される結果:
- GoRouter configuration with initialLocation and redirect handler
- AuthBloc integration in redirect to check authentication state
- Route parameters for deep linking (e.g., /details/:id)
- ShellRoute for persistent bottom navigation
セキュリティ監査
安全This skill is a documentation/reference skill for Flutter development. Static scanner flagged 88 external_command patterns and 1 network pattern, but all findings are FALSE POSITIVES. The scanner misidentified Dart code blocks and CLI command documentation examples as shell execution. No actual security risks exist. All content is legitimate Flutter/Dart documentation with no prompt injection attempts.
品質スコア
作れるもの
Mobiler Entwickler baut neue Flutter-App
Erhalten Sie Anleitung zur Einrichtung der Projektstruktur, Auswahl des State Management Ansatzes und Implementierung von Kern-Widgets nach Flutter Best Practices.
Erfahrener Flutter-Entwickler optimiert Performance
Lernen Sie Performance-Optimierungstechniken einschließlich const Widgets, selektivem Rebuilding, RepaintBoundary Nutzung und DevTools Profiling.
Full-Stack-Entwickler fügt Flutter zum Stack hinzu
Verstehen Sie Flutter Muster und Architektur zur Integration mit bestehenden Backend-Services und Implementierung plattformübergreifender Features.
これらのプロンプトを試す
Create a Flutter screen with Riverpod state management that displays a list of items from an API. Include error handling, loading states, and pull-to-refresh functionality.
Design a Bloc-based authentication flow with login, logout, and protected routes using GoRouter with auth redirect. Include session management and error states.
Review this Flutter widget and optimize unnecessary rebuilds. Show how to use const constructors, RepaintBoundary, and selective provider watching with select().
Create a clean Flutter project structure for a medium-sized app. Include feature-based directory organization, dependency injection setup, and routing configuration.
ベストプラクティス
- Const Constructors auf allen statischen Widgets verwenden, um Rebuild-Overhead zu minimieren
- Riverpod für einfachen State und Bloc für komplexe Event-Driven Workflows wählen
- Mit DevTools profilen vor der Optimierung - messen, nicht raten
- UI und Business Logic mit proper State Management Mustern trennen
回避
- Widgets innerhalb von build() Methoden erstellen - in const Constructors extrahieren
- setState für App-weiten State verwenden - stattdessen Riverpod Providers nutzen
- Keys bei Listen-Elementen weglassen - verursacht Performance- und Animationsprobleme
- UI-Thread mit schweren Berechnungen blockieren - compute() und Isolates verwenden