MVVM, 계층형 UI/Data/도메인 경계, feature-first 또는 layer-first 프로젝트 구조, 리포지토리, 서비스, 의존성 주입, Result 및 Command 패턴, 오프라인 우선 또는 낙관적 UI 흐름을 사용하여 Flutter 앱 아키텍처를 설계, 리팩토링, 검토 또는 구현합니다. Flutter 기능 추가, 계층 의존성 감사, 교차 기능 임포트 수정, feature-first로 마이그레이션, Flutter 프로젝트 아키텍처 선택, 또는 확장 가능하고 유지 관리 가능한 Flutter 코드 구성을 요청할 때 사용하세요.
이 스킬은 Flutter 앱 개발에서 아키텍처 관련 작업을 수행하기 위해 설계된 전문 도구입니다. MVVM(Model-View-ViewModel) 패턴을 기반으로 UI, 데이터, 그리고 선택적 도메인 계층을 명확히 분리하여 코드의 응집도를 높이고 결합도를 낮춥니다. 또한 feature-first와 layer-first 중 프로젝트에 적합한 구조를 선택하고, 리포지토리, 서비스, 의존성 주입(DI), Result 및 Command 패턴을 활용하여 일관된 데이터 흐름과 상태 관리를 구현합니다. 오프라인 우선(offline-first) 또는 낙관적 UI(optimistic UI) 전략을 지원하여 사용자 경험을 향상시킵니다. 이 스킬은 Claude Code, Cursor, Codex와 같은 AI 에이전트에서 사용되며, Flutter 기능 추가, 계층 간 의존성 감사, 잘못된 임포트 수정, feature-first 구조로의 마이그레이션, 또는 확장 가능하고 유지 관리 가능한 프로젝트 조직을 만들 때 특히 유용합니다. 개발자는 이 스킬을 통해 일관된 아키텍처 가이드라인을 따르면서 생산성을 높이고 코드 품질을 개선할 수 있습니다.
npx skills add https://github.com/madteacher/mad-agents-skills/tree/main/skills/flutter-architectureMVVM, 계층형 UI/Data/도메인 경계, feature-first 또는 layer-first 프로젝트 구조, 리포지토리, 서비스, 의존성 주입, Result 및 Command 패턴, 오프라인 우선 또는 낙관적 UI 흐름을 사용하여 Flutter 앱 아키텍처를 설계, 리팩토링, 검토 또는 구현합니다. Flutter 기능 추가, 계층 의존성 감사, 교차 기능 임포트 수정, feature-first로 마이그레이션, 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".