flutter-adaptive-ui 是做什麼的？
建置、修復、審查及驗證適用於行動裝置、平板、桌面、網頁、大螢幕、摺疊裝置及混合輸入裝置的適應性或響應式 Flutter UI。使用於建立斷點驅動佈局、響應式導覽、適應性對話框/列表/網格、鍵盤/滑鼠/觸控行為、使用 MediaQuery 或 LayoutBuilder 的視窗大小決策，或是針對平台特定行為的 Capability 與 Policy 模式。
建置、修復、審查及驗證適用於行動裝置、平板、桌面、網頁、大螢幕、摺疊裝置及混合輸入裝置的適應性或響應式 Flutter UI。使用於建立斷點驅動佈局、響應式導覽、適應性對話框/列表/網格、鍵盤/滑鼠/觸控行為、使用 MediaQuery 或 LayoutBuilder 的視窗大小決策，或是針對平台特定行為的 Capability 與 Policy 模式。
此技能專注於使用 Flutter 開發適應性（adaptive）與響應式（responsive）使用者介面，涵蓋從手機、平板、桌機到網頁、大頁、大螢幕、摺疊裝置及混合輸入裝置等多種平台。它協助開發者建立基於斷點（breakpoint）的佈局、響應式導航、適應性對話框/列表/網格，並處理鍵盤、滑鼠、觸控等不同輸入方式的行為。技能支援透過 MediaQuery 或 LayoutBuilder 做出視窗大小決策，並採用 Capability 與 Policy 模式來實現平台特定的行為邏輯。主要適用於需要確保 UI 在不同螢幕尺寸和輸入方式下都能良好運作的專案，支援 Claude Code、Cursor 等 AI 代理工具。其核心優勢在於提供一套完整的指導方針與實作模式，幫助開發者避免常見的適應性設計陷阱，並確保程式碼的可維護性與可測試性。
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".