Flutterアプリのアーキテクチャ設計、リファクタリング、レビュー、実装を支援します。MVVM、階層化UI/Data/オプションのDomain境界、フィーチャーファーストまたはレイヤーファーストのプロジェクト構造、リポジトリ、サービス、依存性注入、ResultパターンとCommandパターン、オフラインファーストまたは楽観的UIフローをサポートします。
このスキルは、Flutterアプリのアーキテクチャに関する設計、リファクタリング、レビュー、実装をエージェントに指示するためのものです。具体的には、MVVMパターン、UI/Data/Domainの階層構造、フィーチャーファーストまたはレイヤーファーストのプロジェクト構成、リポジトリやサービスの設計、依存性注入（DI）、ResultパターンやCommandパターンを用いた状態管理、オフラインファーストや楽観的UIといった高度なデータフローを扱います。このスキルは、開発者がFlutterプロジェクトに新機能を追加する際や、レイヤー間の依存関係を監査したいとき、クロスフィーチャーのインポート問題を修正したいとき、プロジェクト構造をフィーチャーファーストに移行したいとき、あるいはスクラッチからスケーラブルでメンテナブルなアーキテクチャを選択・構築する必要がある場合に役立ちます。対応プラットフォームはClaude Code、Cursor、CodexなどのAIエージェントであり、SKILL.mdドキュメントに従って具体的な設計パターンやコード生成を指示できます。
npx skills add https://github.com/madteacher/mad-agents-skills/tree/main/skills/flutter-architectureMVVM、階層化UI/Data/オプションのDomain境界、フィーチャーファーストまたはレイヤーファーストのプロジェクト構造、リポジトリ、サービス、依存性注入、ResultパターンとCommandパターン、オフラインファーストまたは楽観的UIフローを使用して、Flutterアプリのアーキテクチャを設計、リファクタリング、レビュー、または実装します。Flutterの機能追加を求められたとき、レイヤー依存関係を監査するとき、クロスフィーチャーのインポートを修正するとき、フィーチャーファーストに移行するとき、Flutterプロジェクトのアーキテクチャを選択するとき、またはスケーラブルでメンテナブルなFlutterコード組織を作成するときに使用します。
This repo contains 3 individual skills — each has its own dedicated page.
Build, fix, review, and validate adaptive or responsive Flutter UIs for mobile, tablet, desktop, web, large screens, foldables, and mixed input devices. Use when creating breakpoint-driven layouts, responsive navigation, adaptive dialogs/lists/grids, keyboard/mouse/touch behavior, window-size decisions with MediaQuery or LayoutBuilder, or Capability and Policy patterns for platform-specific behavior.
Add, fix, refactor, debug, test, or explain Flutter animations and motion effects. Use when working with implicit animations such as AnimatedContainer, AnimatedOpacity, AnimatedSwitcher, and TweenAnimationBuilder; explicit animations using AnimationController, Tween, CurvedAnimation, AnimatedWidget, AnimatedBuilder, and built-in transitions; Hero/shared-element route transitions; staggered or sequenced animations; physics-based motion, gestures, springs, flings, scroll physics, curves, performance, accessibility, reduced motion, and animation lifecycle bugs.
Write, fix, review, debug, and validate Flutter tests for apps, packages, and plugins. Use when adding unit tests, widget tests, integration tests, MethodChannel or plugin mocks, Mockito or mocktail test doubles, golden or accessibility checks, CI test commands, test failures, MissingPluginException, pump or pumpAndSettle problems, finder errors, build_runner mock generation, device integration testing, web integration testing, or flaky Flutter tests.
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".