モバイル、タブレット、デスクトップ、ウェブ、大画面、折りたたみデバイス、および混合入力デバイス向けのアダプティブまたはレスポンシブなFlutter UIの構築、修正、レビュー、検証を行います。ブレークポイント駆動のレイアウト、レスポンシブナビゲーション、アダプティブなダイアログ/リスト/グリッド、キーボード/マウス/タッチ動作、MediaQueryやLayoutBuilderを使用したウィンドウサイズの決定、プラットフォーム固有の動作のためのCapability and Policyパターンを作成する際に使用します。
このスキルは、Flutterアプリケーションにおいてアダプティブ（適応的）およびレスポンシブなUIを構築するための包括的なガイドです。モバイル、タブレット、デスクトップ、ウェブ、折りたたみデバイス、大画面、および混合入力デバイス（キーボード、マウス、タッチ）をターゲットとし、ブレークポイント駆動のレイアウト、レスポンシブナビゲーション、アダプティブなウィジェット（ダイアログ、リスト、グリッド）、入力デバイスの動作、MediaQueryやLayoutBuilderを用いたウィンドウサイズの決定方法をカバーします。さらに、プラットフォーム固有の動作を実現するためのCapability and Policyパターンについても解説しており、開発者はこのスキルを使用して、あらゆる画面サイズと入力方法でシームレスに動作するFlutter UIを効率的に設計、実装、レビュー、検証できます。CLI、ファイルパス、環境変数名、URL、インラインコードといった技術的な要素はそのまま保持され、ドキュメント全体が日本語で提供されます。
npx skills add https://github.com/madteacher/mad-agents-skills/tree/main/skills/flutter-adaptive-uiモバイル、タブレット、デスクトップ、ウェブ、大画面、折りたたみデバイス、および混合入力デバイス向けのアダプティブまたはレスポンシブなFlutter UIの構築、修正、レビュー、検証を行います。ブレークポイント駆動のレイアウト、レスポンシブナビゲーション、アダプティブなダイアログ/リスト/グリッド、キーボード/マウス/タッチ動作、MediaQuery や LayoutBuilder を使用したウィンドウサイズの決定、プラットフォーム固有の動作のための Capability および Policy パターンを作成する際に使用します。
This repo contains 3 individual skills — each has its own dedicated page.
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.
Design, refactor, review, or implement Flutter app architecture using MVVM, layered UI/Data/optional Domain boundaries, feature-first or layer-first project structure, repositories, services, dependency injection, Result and Command patterns, offline-first or optimistic UI flows. Use when asked to add a Flutter feature, audit layer dependencies, fix cross-feature imports, migrate to feature-first, choose architecture for a Flutter project, or create scalable maintainable Flutter code organization.
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".