Claude Code Flutter アプリスキル
Flutterアプリ設定・開発用のClaude Codeスキル。Nyloフレームワーク連携、ウィジェットパターン、ルーティング設定。
# Flutter App Configuration Skill
This skill helps configure and develop Flutter applications with proper architecture and best practices.
## When to Use
- Setting up a new Flutter project
- Configuring app architecture and routing
- Creating reusable widget patterns
- Setting up state management
## Flutter Project Setup
- Use `flutter create` with proper organization flag
- Configure pubspec.yaml with essential dependencies
- Set up flavor configs for dev/staging/production
- Initialize proper gitignore for Flutter projects
## Architecture Guidelines
- Implement MVVM or clean architecture pattern
- Use proper dependency injection (get_it + injectable)
- Set up routing with go_router or auto_route
- Configure theming with Material 3 design tokens
## Widget Development
- Create atomic design hierarchy: atoms, molecules, organisms
- Use const constructors for all stateless widgets
- Implement proper keys for list items
- Build responsive widgets with LayoutBuilder
- Use CustomPainter for complex custom graphics
## State Management Setup
- Configure Riverpod with code generation
- Set up proper provider scoping
- Implement error and loading states consistently
- Use AsyncValue for async data handling
## Navigation & Routing
- Use go_router for declarative routing
- Implement typed route definitions
- Set up deep linking configuration
- Handle authentication-based routing guards
## Testing Configuration
- Set up golden tests for visual regression
- Configure widget tests with proper pumping
- Set up integration test driver
- Mock platform channels for unit tests
## CI/CD
- Configure GitHub Actions for Flutter CI
- Set up fastlane for deployment
- Implement code signing for iOS and Android
- Configure automatic versioning こちらもおすすめ
Mobile カテゴリの他のルール
もっとルールを探す
CLAUDE.md、.cursorrules、AGENTS.md、Image Prompts の全 157 ルールをチェック。