모바일, 태블릿, 데스크탑, 웹, 대형 화면, 폴더블 및 혼합 입력 장치를 위한 적응형 또는 반응형 Flutter UI를 빌드, 수정, 검토 및 검증합니다.
이 기술은 다양한 폼 팩터와 입력 방식을 지원하는 적응형 Flutter UI를 구축하는 데 사용됩니다. 모바일, 태블릿, 데스크탑, 웹, 폴더블 및 혼합 입력 장치(키보드, 마우스, 터치)에서 일관된 사용자 경험을 제공하는 것이 목표입니다. `MediaQuery`, `LayoutBuilder`를 활용한 브레이크포인트 기반 레이아웃, 반응형 네비게이션, 적응형 다이얼로그/리스트/그리드, 그리고 플랫폼별 동작을 위한 Capability 및 Policy 패턴을 지원합니다. Claude Code, Cursor, Codex와 같은 AI 에이전트에서 코드 생성 및 리뷰 시 활용할 수 있으며, SKILL.md 문서에 정의된 패턴과 원칙을 따릅니다.
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".