CLAUDE.md Dart Flutter Mobile

Claude Code Flutter アプリスキル

Flutterアプリ設定・開発用のClaude Codeスキル。Nyloフレームワーク連携、ウィジェットパターン、ルーティング設定。

CLAUDE.md · 52 lines
# 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
Share on X

こちらもおすすめ

Mobile カテゴリの他のルール

もっとルールを探す

CLAUDE.md、.cursorrules、AGENTS.md、Image Prompts の全 157 ルールをチェック。