mcpField
F
flutter

flutter

github.com/full-stack-skills開発158 回インストール4 週間前に更新
リポジトリ

flutter について

flutterは、FlutterでクロスプラットフォームのUIを開発するためのスキルです。ウィジェット、状態管理、ナビゲーション、設定、ビルド、デバッグに加え、コンポーネント設計や複数環境でのテストも扱います。

主な機能

  1. 01FlutterのUIとウィジェット開発
  2. 02状態管理とナビゲーションの設定
  3. 03pubspec、テーマ、プラグインの設定
  4. 04Flutterアプリの実行とビルド
  5. 05ホットリロードとデバッグ
  6. 06コンポーネントとリストの実践

活用シーン

  1. 01FlutterでクロスプラットフォームUIを開発
  2. 02Flutterプロジェクトとプラグインを設定
  3. 03アプリをビルドまたはデバッグ
  4. 04複数環境でパフォーマンスをテスト

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/full-stack-skills/flutter-skills --skill flutter

インストール後、Claude Code で/flutterを入力して読み込まれたか確認します。

同梱ファイルagents/openai.yamlLICENSE.txt

詳細

このスキルを使用する場面

次のようなことをユーザーが希望している場合は、いつでもこのスキルを使用してください。

  • Flutter を使ったクロスプラットフォーム UI、Widget、状態管理、ナビゲーションの開発
  • pubspec、テーマ、プラグイン、ビルドの設定

このスキルの使用方法

  1. 基本：StatelessWidget/StatefulWidget、Material/Cupertino、setState、Provider/Riverpod、ルーティング。
  2. 実行：flutter run、build apk/ios、ホットリロードとデバッグ。
  3. 参考資料：https://docs.flutter.dev/

ベストプラクティス

  • コンポーネントを分割し、const を使用します。リストと Key を適切に使用します。
  • 状態管理に一貫性を持たせ、複数プラットフォームでテストし、パフォーマンスを確認します。

キーワード

flutter, クロスプラットフォーム, Widget, Dart

コメント

Markdown 対応