Flutter developers need expert guidance on architecture, state management, and performance optimization across multiple platforms. This skill provides comprehensive Flutter 3.x and Dart 3 expertise for building production-ready applications.
スキルZIPをダウンロード
Claudeでアップロード
設定 → 機能 → スキル → スキルをアップロードへ移動
オンにして利用開始
テストする
「flutter-expert」を使用しています。 How do I implement a responsive layout that works on mobile and desktop?
期待される結果:
Use LayoutBuilder combined with Breakpoints. For example:
```dart
Widget build(BuildContext context) {
return LayoutBuilder(
builder: (context, constraints) {
if (constraints.maxWidth < 600) {
return MobileLayout();
}
return DesktopLayout();
},
);
}
```
You can also use media queries and flutter_responsive for more complex scenarios.
「flutter-expert」を使用しています。 What's the best state management for a large e-commerce app?
期待される結果:
For large e-commerce apps, I recommend Riverpod 2.x or Bloc. Riverpod offers compile-time safety and excellent testing support. Bloc provides clear separation of events and states. Consider a hybrid: Riverpod for dependency injection and global state, Bloc for complex business logic in feature modules.
セキュリティ監査
安全Prompt-only skill with no executable code. Static analysis scanned 0 files (0 lines) and detected 0 potential security issues. Risk score: 0/100. This is a benign Flutter development assistant skill that provides guidance, best practices, and code examples through natural language prompts only.
品質スコア
作れるもの
Architecture Design
Get guidance on structuring Flutter apps with clean architecture, dependency injection, and modular code organization
State Management Selection
Receive recommendations for state management solutions based on app complexity and team experience
Performance Optimization
Learn techniques for optimizing widget rebuilds, memory usage, and rendering performance
これらのプロンプトを試す
How do I implement [specific widget or feature] in Flutter?
Design a clean architecture structure for a Flutter app that needs [feature list]. What folders, patterns, and dependencies should I use?
Implement state management for a [describe app feature] using [Riverpod/Bloc/GetX]. Include code examples for state, events, and UI consumption.
Create a platform channel to access [native iOS/Android feature] from Flutter. Include both Dart and native code implementation.
ベストプラクティス
- Use const constructors wherever possible to optimize widget rebuilds
- Implement proper error handling with try-catch and custom Exception classes
- Write comprehensive tests: unit tests for business logic, widget tests for UI components
回避
- Avoid using setState() for complex state - use proper state management instead
- Do not ignore the 'const' keyword on widgets that accept constant children
- Avoid rebuilding entire widget trees - use Selector or Consumer for granular updates