Flutter 스킬

dart_skills_lint에 새로운 검증 규칙과 CLI 플래그를 추가하기 위한 지침입니다.

사용자가 JSON 스키마 정의를 기반으로 새 CatalogItem, 데이터 클래스 및/또는 위젯 클래스를 생성하도록 요청할 때 이 스킬을 사용하세요.

큰 텍스트 블록(예: SQL 쿼리, HTML, PEM 인코딩 키)의 경우 +와 \n으로 문자열을 연결하는 것보다 여러 줄 문자열(''')을 사용하는 것이 좋습니다. 이렇게 하면 가독성이 향상되고 자연스러운 줄바꿈이 가능해져 lines_longer_than_80_chars 린트 오류를 피할 수 있습니다.

마이그레이션 대상 후보를 찾으려면 다음 검색 전략을 사용하세요.

진입점 파일(예: bin/my_app.dart)의 내용을 최소화하세요. 이렇게 하면 로직을 프로세스 실행기에서 분리하여 테스트 용이성이 향상됩니다.

문서화 문제를 찾으려면:

Dart 및 Flutter 테스트 로그에서 실패를 파싱합니다.

제한을 초과하는 줄을 찾으려면:

매처 사용 개선을 위한 후보를 찾으려면, 비효율적인 패턴을 검색하세요.

현대화를 위한 후보를 찾으려면:

Dart 패키지를 Dart 팀의 모범 사례에 맞춰 유지 관리하기 위한 지침입니다.

dart_skills_lint CLI를 사용하여 스킬을 검증하세요. 환경에 따라 적절한 워크플로우를 선택하십시오.

Dart 패키지에서 테스트 커버리지를 실행하고 해석하기 위한 지침입니다.

테스트 구조 개선을 위한 후보를 찾으려면:

이 저장소에서 md 파일이나 dart 코드를 건드리는 작업을 완료하기 전에 반드시 실행해야 하는 검사 항목입니다.

주어진 커밋이 포함된 가장 낮은 Dart 및 Flutter 릴리스를 찾는 스킬입니다. 사용자가 Flutter나 Dart에서 커밋이 언제 포함되었는지 물을 때 이 스킬을 사용하세요…

Flutter 앱에서 WCAG 2 및 EN 301 549 접근성 표준과 적응형 레이아웃을 구현합니다. 모바일, 웹, 데스크톱 플랫폼에서 시맨틱 주석, 탭 대상 크기(최소 48x48 dp), 텍스트 대비 비율(작은 텍스트 4.5:1, 큰 텍스트 3:1)을 적용합니다. 웹 시맨틱 초기화, 대화형 위젯 래핑, 화면 크기 기반 레이아웃 전환, 키보드/마우스 입력 처리를 위한 결정 로직을 제공합니다. FocusTraversalGroup을 통한 포커스 이동 관리를 포함합니다...

widget_inspector를 통해 접근성 스캔을 트리거하고, 소스 코드에 누락된 Semantics 위젯이나 레이블을 자동으로 추가합니다.

앱 상호작용을 위해 Flutter Driver를 구성하고 MCP 액션을 영구적인 통합 테스트로 변환합니다. 프로젝트에 통합 테스트를 추가할 때 사용합니다.

previews.dart 시스템을 사용하여 프로젝트에 대화형 위젯 미리보기를 추가합니다. 새 UI 구성 요소를 만들거나 기존 화면을 업데이트할 때 사용하여…

Implement a component-level test using `WidgetTester` to verify UI rendering and user interactions (tapping, scrolling, entering text). Use when validating…

Flutter 앱에 Android 및 iOS용 홈 스크린 위젯을 추가하여 네이티브 UI와 공유 데이터 동기화를 구현합니다. Flutter는 home_widget 패키지를 사용하여 공유 로컬 저장소(iOS의 UserDefaults, Android의 SharedPreferences)를 통해 네이티브 위젯과 통신하며, 데이터는 Flutter에서 작성되어 OS 트리거 시 네이티브 위젯이 읽는 방식으로 흐릅니다. iOS 구현은 Xcode, SwiftUI, App Groups 기능을 사용하는 Widget Extension 타겟을 활용하고, Android는 Android Studio에서 AppWidgetProvider, XML 레이아웃 등을 사용합니다.

시각적 피드백, 전환 및 물리 기반 모션을 Flutter 앱에서 애니메이션 프레임워크를 사용해 구현합니다. 네 가지 애니메이션 전략: 간단한 속성 변경을 위한 암시적 애니메이션, 재생 제어가 가능한 명시적 애니메이션, 라우트 간 공유 요소를 위한 Hero 전환, 제스처 기반 자연스러운 움직임을 위한 물리 기반 애니메이션. AnimationController, Tween, Curve 클래스를 포함한 핵심 타입 애니메이션 시스템; 메모리 누수를 방지하기 위해 컨트롤러를 항상 해제해야 합니다. 스태거드 애니메이션...

UI 요구사항에 맞는 최적의 Flutter 애니메이션 전략을 선택하고 구현합니다. 암시적 애니메이션, 명시적 트윈, 물리 기반 모션, 히어로 전환, 스태거 시퀀스, 페이지 라우트 전환 중에서 선택할 수 있는 의사 결정 트리를 포함합니다. 간단한 AnimatedContainer부터 복잡한 스태거 멀티 트윈 설정까지 각 애니메이션 유형에 대한 완전한 코드 예제를 제공합니다. 필수적인 AnimationController 해제와 성능 모범 사례를 사용한 엄격한 메모리 관리를 적용합니다...

Flutter 앱 번들, APK 또는 IPA 크기를 측정하고 최적화하며, 플랫폼별 분석 및 축소 전략을 제공합니다. Android(APK/AppBundle), iOS(IPA), 데스크톱 플랫폼(Linux, macOS, Windows)을 지원하며, 플랫폼별 측정 워크플로를 포함합니다. flutter build --analyze-size를 통해 코드 크기 분석 JSON 파일을 생성하고, Dart DevTools 앱 크기 도구와 통합하여 구성 요소별 시각화를 제공합니다. 디버그 정보 분할, 에셋 압축 등을 통해 크기를 축소합니다.

권장되는 계층적 접근 방식(UI, 로직, 데이터)을 사용하여 Flutter 애플리케이션을 설계합니다. 새 프로젝트를 구조화하거나 확장성을 위해 리팩토링할 때 사용하세요.

확장 가능한 Flutter 앱을 위한 계층형 아키텍처 프레임워크로, 관심사의 엄격한 분리를 제공합니다. 단방향 데이터 흐름과 데이터 계층의 단일 진실 공급원을 통해 UI, 로직, 데이터의 세 계층 구조를 강제합니다. UI 계층은 도메인 모델을 프레젠테이션 상태로 변환하는 간결한 뷰와 뷰모델을 포함하며, 로직 계층(선택 사항)은 복잡한 비즈니스 오케스트레이션을 처리합니다. 데이터 계층은 상태 비저장 서비스와 캐싱 리포지토리로 엄격히 구분됩니다. 단계별 기능을 제공합니다...

MVVM 아키텍처로, 단방향 데이터 흐름과 엄격한 계층 분리를 갖춘 Flutter 앱용입니다. 데이터 계층(서비스 및 리포지토리), 도메인 계층(복잡한 로직을 위한 유스케이스), UI 계층(뷰모델 및 뷰)의 세 계층 아키텍처를 구현합니다. 의존성 주입에는 provider를 사용하고, 반응형 UI 업데이트에는 ListenableBuilder를 사용하며, 사용자 상호작용에는 Command 패턴을 적용합니다. 단방향 데이터 흐름을 강제합니다. 데이터는 리포지토리에서 뷰모델로, 다시 뷰로 흐르고, 이벤트는 위로 흐릅니다...

Use `LayoutBuilder`, `MediaQuery`, or `Expanded/Flexible` to create a layout that adapts to different screen sizes. Use when you need the UI to look good on…

검증된 Flutter 폼으로, 필드 수준 오류 처리 및 제출 워크플로우를 제공합니다. 상태 저장 위젯(StatefulWidget) 호스팅과 지속적인 GlobalKey<FormState>를 사용하여 리빌드 전반에 걸쳐 폼 상태와 검증을 관리해야 합니다. validator() 콜백이 있는 TextFormField 위젯을 사용하며, 실패 시 오류 문자열을 반환하고 성공 시 null을 반환합니다. 제출 시 _formKey.currentState!.validate()를 호출하여 모든 검증기를 트리거하고 필드 아래에 오류 메시지를 자동으로 표시합니다. 사용자 이름을 보여주는 완전한 코드 예제가 포함되어 있습니다...

Flutter의 제약 조건 시스템을 마스터하여 반응형이고 오버플로우 없는 레이아웃을 효율적으로 구축합니다. 핵심 원칙: 제약 조건은 아래로 흐르고, 크기는 위로 흐르며, 부모가 위치를 설정합니다. 플렉스 박스나 스크롤 가능 영역에 무제한 제약 조건을 전달하지 마십시오. 선형 레이아웃에는 Row/Column, 공간 분배에는 Expanded/Flexible, 겹치는 요소에는 Stack, 엄격한 제약 조건에는 SizedBox를 사용하십시오. 모바일, 태블릿 등에서 적응형 레이아웃을 위해 LayoutBuilder를 사용한 반응형 크기 조정 또는 조건부 렌더링을 적용하십시오.

크로스 플랫폼 Flutter 플러그인을 스캐폴딩하고 구현하며, Android, iOS, Windows, 웹을 위한 네이티브 상호 운용을 지원합니다. 표준 플러그인(플랫폼 API용 메서드 채널)과 FFI 플러그인(C/C++ 네이티브 라이브러리)을 모두 지원하며, 플랫폼별 SDK 접근이 필요한지 또는 직접 네이티브 코드 바인딩이 필요한지에 따라 선택할 수 있습니다. 연합 플러그인 아키텍처는 팀 기반 개발을 위해 API를 앱 직면, 플랫폼 인터페이스, 독립적인 플랫폼 구현 패키지로 분할합니다. 단계별 안내를 포함합니다...

Flutter 앱의 다양한 데이터 유형과 플랫폼에 걸친 포괄적인 캐싱 및 성능 최적화를 제공합니다. 적절한 캐싱 메커니즘(인메모리, 키-값 쌍을 위한 shared_preferences, 관계형 데이터를 위한 SQLite, 대용량 blob을 위한 파일 시스템, 네트워크 이미지를 위한 이미지 캐싱)을 선택하는 결정 로직을 제공합니다. 캐시된 데이터를 먼저 반환한 후 네트워크에서 가져와 업데이트하는 스트림 기반 오프라인 우선 저장소 패턴을 포함합니다. Android FlutterEngine 사전 워밍업 등을 다룹니다.

로컬 데이터 캐싱 및 오프라인 우선 동기화 패턴을 Flutter 앱에 적용합니다. UI 상태를 위한 shared_preferences, 구조화된 데이터를 위한 SQLite/Hive, 바이너리 미디어를 위한 파일 시스템, 탐색을 위한 상태 복원, Android에서의 FlutterEngine 사전 워밍 등 다섯 가지 캐싱 전략을 다룹니다. 스트림을 사용한 읽기(로컬 데이터 반환, 원격 데이터 가져오기, 캐시 업데이트)와 이중 쓰기 전략(온라인 전용 및 백그라운드 동기화를 통한 오프라인 우선)을 통해 오프라인 우선 리포지토리를 구현합니다. 이미지 캐싱을 최적화합니다...

백그라운드 JSON 파싱 및 상태 관리를 통해 버벅임 없는 Flutter UI 렌더링을 제공합니다. 모델 복잡성에 따라 수동 직렬화(dart:convert)와 코드 생성(json_serializable) 중 선택할 수 있는 의사 결정 트리를 제공합니다. 세 가지 동시성 전략을 지원합니다: 소규모 페이로드용 메인 스레드 async/await, 대규모 일회성 연산용 단기 Isolate.run(), 지속적인 양방향 통신용 ReceivePort/SendPort를 사용한 장기 격리. 플랫폼 인식 폴백을 포함합니다:...

MVVM을 준수하는 Flutter 데이터 레이어로, Repository 패턴, 상태 없는 서비스, 지능형 로컬 캐싱 전략을 포함합니다. 데이터 유형, 크기, 관계형 복잡성에 따라 지속성 기술(shared_preferences, sqflite, drift, hive_ce, isar_community 또는 파일 I/O) 선택을 안내합니다. Repository를 단일 진실 공급원으로 구현하며, DatabaseService와 ApiClient를 비공개 상태 없는 종속성으로 격리합니다. 도메인 모델, SQLite 작업 등에 대한 완전한 코드 예제를 제공합니다.

네이티브 Android, iOS 또는 macOS 뷰와 웹 콘텐츠를 Flutter 애플리케이션에 직접 임베드합니다. 성능과 정확성에 차이가 있는 두 가지 Android 합성 모드(하이브리드 및 텍스처 레이어)를 지원하며, iOS와 macOS는 하이브리드 합성만 사용합니다. Android 및 iOS에서 플랫폼 뷰를 구현하기 위한 단계별 워크플로우와 검증 및 문제 해결 가이드를 제공합니다. 전체 페이지 또는 멀티 뷰(임베디드) 모드를 통해 기존 웹 애플리케이션에 Flutter를 임베드할 수 있으며...

Linux 환경에서 Flutter 데스크톱 개발을 위한 환경 설정으로, OS 감지 및 툴체인 검증을 수행합니다. Debian/Ubuntu 또는 ChromeOS를 자동으로 감지하고, apt 기반이 아닌 시스템에서는 안내와 함께 중단됩니다. 핵심 의존성(curl, git, unzip, libglu1-mesa)과 Linux 데스크톱 툴체인(clang, cmake, ninja-build, GTK 라이브러리)을 설치합니다. 선택적으로 IDE 설정(VS Code 또는 Android Studio, snap을 통해)을 안내합니다. flutter doctor -v 및 flutter devices를 실행하여 환경을 검증하고, 자동으로 설치합니다...

macOS Flutter 개발 환경을 자동으로 설정하며, 의존성 검증 및 진단 수정 기능을 제공합니다. Flutter 설치 여부, Xcode 사용 가능 여부, CocoaPods 존재 여부를 확인하고, 필수 구성 요소가 누락된 경우 명확한 안내와 함께 중단됩니다. Xcode 명령줄 도구 구성 및 라이선스 동의 과정을 sudo 명령어와 함께 안내합니다. flutter doctor 검증 루프를 반복 실행하여 Xcode 섹션이 완전히 통과할 때까지 남은 툴체인 문제를 식별하고 해결합니다...

자동화된 Windows Flutter 개발 환경 설정 및 플랫폼별 툴체인 구성을 제공합니다. Flutter SDK 경로, Visual Studio C++ 툴체인 설치, Windows 데스크톱, Android 또는 두 대상을 위한 플랫폼별 설정을 대화형 프롬프트를 통해 구성합니다. Android가 선택된 경우 Android Studio 설정, 기기/에뮬레이터 구성, USB 드라이버 설치를 처리합니다. 로컬 Windows 앱 패키징 및 배포를 위해 OpenSSL을 사용하여 자체 서명된 MSIX 인증서를 생성합니다...

Flutter 레이아웃 오류(오버플로우, 무제한 제약 조건)를 Dart 및 Flutter MCP 도구를 사용하여 수정합니다. "RenderFlex overflowed", "Vertical…" 문제를 해결할 때 사용하세요.

유효성 검사가 포함된 폼 구축하기

CPU 집약적인 작업을 백그라운드 아이솔레이트로 오프로드하여 Flutter UI의 응답성을 유지합니다. I/O 바운드 작업을 위한 async/await, 일회성 무거운 계산을 위한 Isolate.run(), 지속적인 백그라운드 워커를 위한 메시지 전달 방식의 Isolate.spawn() 등 세 가지 동시성 패턴을 제공합니다. 작업 유형(I/O 대 CPU 바운드)과 실행 빈도에 따라 비동기 작업과 아이솔레이트 중 선택할 수 있는 결정 매트릭스를 포함합니다. 단계별 작업 체크리스트와 함께 세 가지 완전한 워크플로우를 다룹니다: 표준...

HTTP 요청 및 JSON 직렬화를 통한 Flutter REST API 통합 및 데이터 파싱. 세 가지 HTTP 메서드(GET, POST, PUT, DELETE)를 다루며, 적절한 상태 코드 검증, HTTPS 강제 적용, Uri.https()를 사용한 안전한 URI 구성을 포함합니다. 간단한 모델에는 수동 fromJson/toJson을, 복잡한 중첩 구조에는 json_serializable을 사용한 코드 생성을 제공하는 두 가지 직렬화 전략을 제공합니다. 대용량 JSON 페이로드 처리 시 UI 지연을 방지하기 위해 compute()를 사용한 백그라운드 파싱을 포함합니다...

iOS 및 Android에서 Flutter 앱을 위한 네이티브 홈 스크린 위젯으로, 크로스 플랫폼 데이터 공유를 지원합니다. App Groups(iOS)과 SharedPreferences(Android)를 통해 Dart와 네이티브 플랫폼 간 데이터 공유를 설정하여 Flutter 앱에서 위젯 업데이트를 가능하게 합니다. 간단한 텍스트 기반 위젯과 네이티브 디스플레이를 위한 정적 이미지로 렌더링된 복잡한 Flutter UI를 지원합니다. Xcode(Widget Extension 타겟, Swift TimelineProvider 포함)와 Android Studio(AppWidgetProvider, XML 포함)에서 네이티브 설정이 필요합니다.

Flutter 앱을 위한 안전한 HTTP 네트워킹 및 JSON 처리 기능으로, 백그라운드 파싱을 지원합니다. http 패키지를 사용하여 CRUD 작업(GET, POST, PUT, DELETE)을 구현하며, Uri.https()를 통한 안전한 URL 구성과 엄격한 상태 코드 검증을 수행합니다. Dart 3 패턴 매칭과 factory 생성자 및 toJson() 메서드를 활용한 강력한 타입 기반 JSON 직렬화 및 역직렬화를 제공합니다. 16ms를 초과하는 페이로드에서 UI 지연을 방지하기 위해 compute()를 통해 대규모 JSON 파싱을 백그라운드 격리 프로세스로 오프로드합니다...

Create model classes with `fromJson` and `toJson` methods using `dart:convert`. Use when manually mapping JSON keys to class properties for simple data…

명령형 및 선언형 라우팅 패턴을 사용한 Flutter 화면 전환 및 딥 링크. 각 접근 방식을 언제 사용해야 하는지에 대한 지침과 함께 Navigator(명령형, 스택 기반)와 Router(선언형, URL 동기화) 방식을 모두 다룹니다. iOS, Android 및 Web에서 딥 링크를 지원하며, 생성자, 라우트 인수 및 반환 값을 통한 데이터 전달을 포함합니다. 독립적인 하위 네비게이터와 뒤로 가기 버튼 차단을 통해 다단계 흐름(예: 설정 마법사)을 위한 중첩 네비게이션을 구현합니다. 제공...

Flutter 앱을 화면 읽기 프로그램 및 키보드 탐색을 포함한 보조 기술에 맞게 구성합니다. UI 디자인 기본 사항을 다룹니다: 글꼴 크기 조정, 색상 대비(일반 텍스트의 경우 4.5:1, 큰 텍스트의 경우 3:1), 48x48픽셀 최소 터치 대상. Semantics, MergeSemantics 및 ExcludeSemantics 위젯을 사용하여 위젯 트리 구조를 보조 도구에 노출하는 의미론적 주석 패턴을 제공합니다. 성능을 위해 기본적으로 비활성화된 의미론 계층을 활성화하는 웹별 지침을 포함합니다...

Android, iOS 및 웹에서 Flutter 코드로 기기별 네이티브 API에 접근합니다. FFI를 통한 직접 C/C++ 바인딩, Platform Channels(Pigeon으로 타입 안전성 확보)를 통한 Kotlin/Swift/Objective-C 호출, Platform Views를 통한 네이티브 UI 컴포넌트 임베딩 등 세 가지 통합 접근 방식을 지원합니다. FFI는 dart:ffi를 사용하며 build.dart 훅을 통해 자동 빌드 컴파일을 수행합니다. extern "C" 심볼과 Dart 바인딩 생성을 위한 package:ffigen이 필요합니다. Platform Channels는 비동기 메시징을 제공합니다...

반응형 Flutter 레이아웃을 위젯 구성, 제약 조건 관리, 화면 크기 적응을 통해 구축합니다. 콘텐츠의 차원, 겹침, 스크롤, 반응형 요구 사항에 따라 적절한 기본 레이아웃 위젯(Row, Column, Stack, ListView, GridView, CustomScrollView)을 선택하기 위한 의사 결정 트리를 제공합니다. Flutter의 핵심 제약 시스템(제약 조건은 아래로 흐르고, 크기는 위로 전달되며, 부모가 위치를 설정)을 적용하며, 특정 치수를 강제하는 ConstrainedBox 패턴을 포함합니다. 구현합니다...

Flutter 앱이 여러 언어와 로케일을 지원하도록 적절한 i18n 설정을 구성합니다. 의존성 주입(flutter_localizations, intl), 코드 생성 설정(l10n.yaml), 플레이스홀더, 복수형, 지역 변형을 지원하는 .arb 번역 파일 생성을 관리합니다. 루트 위젯 델리게이트(MaterialApp, CupertinoApp 또는 WidgetsApp)를 구성하고 명시적인 Localizations 래핑이 필요한 TextField 및 CupertinoTabBar와 같은 격리된 위젯을 처리합니다. 지원...

ARB 파일과 코드 생성을 사용한 Flutter 앱의 다국어 지원. flutter_localizations 및 intl을 사용하여 pubspec.yaml을 구성하고, l10n.yaml 파일을 정의하여 gen-l10n 코드 생성기를 활성화합니다. 지역화된 문자열은 Application Resource Bundle(.arb) JSON 파일에 저장하며, 템플릿 파일은 모든 키를 정의하고 로케일별 파일이 번역을 제공합니다. MaterialApp 또는 CupertinoApp에 AppLocalizations.delegate 및 플랫폼별 델리게이트를 추가하여 지역화를 통합합니다...

Flutter에서 StatefulWidget, MVVM 및 Provider를 사용하여 일시적 상태와 앱 수준 상태를 관리합니다. 일시적 상태(단일 위젯, setState()로 관리)와 앱 상태(위젯 간 공유, MVVM 및 provider 패키지로 관리)를 구분합니다. 단일 진실 공급원을 사용한 단방향 데이터 흐름을 구현합니다: 모델이 데이터를 처리하고, ViewModel이 ChangeNotifier를 통해 UI 상태를 관리하며, View가 상태를 소비하고 표시합니다. MVVM 구현을 위한 순차적 워크플로우를 제공합니다: Repository 정의, 생성...

크로스 플랫폼 네이티브 상호 운용성으로 Android, iOS 및 Web에서 Flutter 앱을 지원합니다. 최적의 통합 전략을 선택하기 위한 결정 로직을 제공합니다: C/C++ 코드용 FFI, OS별 API용 Platform Channels, 네이티브 UI 컴포넌트용 Platform Views, 웹용 JS Interop. 네이티브 툴체인 컴파일 및 Dart 바인딩과 함께 빌드 훅(Flutter 3.38+)을 사용하는 최신 FFI 아키텍처를 구현합니다. 완전한 Kotlin 및 Swift를 포함한 비동기 Platform Channels(MethodChannel)을 지원합니다...

Flutter 앱에서 체계적인 프로파일링과 목표 지향적 최적화를 통해 성능 병목 현상을 식별하고 제거합니다. UI 스레드, 래스터(GPU) 스레드 또는 둘 모두에서 발생하는 지연을 진단하기 위한 의사 결정 트리를 제공하며, 각각에 대한 구체적인 수정 사항을 포함합니다. traceAction과 TimelineSummary를 사용하여 성능 기준을 설정하고 프레임 예산을 측정하는 통합 테스트 템플릿을 포함합니다. UI 최적화(상태 지역화, const 생성자, StringBuffer 사용)와 래스터 최적화(Opacity 대체...)를 다룹니다.

Android, iOS, macOS 및 웹 플랫폼에서 Flutter 앱에 네이티브 뷰와 웹 콘텐츠를 임베드합니다. Android 하이브리드 컴포지션(네이티브 정확도) 및 텍스처 레이어(Flutter 성능), iOS/macOS 하이브리드 컴포지션, 웹 전체 페이지 또는 임베디드 멀티뷰 모드를 지원합니다. 팩토리 등록 패턴과 함께 완전한 Dart 및 네이티브 코드 템플릿(Android용 Kotlin, iOS/macOS용 Swift, 웹용 JavaScript)을 제공합니다. 대상 플랫폼과 임베딩 방식을 결정하기 위해 사전에 의사 결정 트리가 필요합니다...

네이티브 상호 운용, 메서드 채널, FFI 통합 및 연합 아키텍처를 갖춘 Flutter 플러그인을 스캐폴딩합니다. 네이티브 코드 요구 사항과 팀 구조에 따라 표준 플러그인, FFI 플러그인 또는 연합 멀티 패키지 아키텍처를 생성합니다. Android v2 임베딩 수명 주기 인터페이스, 플랫폼별 네이티브 환경(Kotlin/Java, Swift/Objective-C) 및 메서드 채널 등록을 구성합니다. 앱 지향 및 플랫폼별 패키지 분리된 연합 플러그인을 구현합니다.

Flutter PR에서 실패한 검사를 찾고 해당 LUCI 로그 URL을 찾습니다.

플랫폼 간 Flutter 앱 번들 크기를 측정하고 최적화하며, 분석 도구와 축소 전략을 제공합니다. --analyze-size 플래그를 통해 상세한 크기 분석 JSON 파일을 생성하여 블로트에 기여하는 대형 패키지, 라이브러리, 에셋을 식별합니다. DevTools 앱 크기 도구를 사용하여 트리맵 검사 및 차이 기능으로 빌드를 시각화하고 비교하여 최적화 진행 상황을 추적합니다. Android(APK/AAB), iOS, 데스크톱 플랫폼을 지원하며, iOS 앱을 포함한 플랫폼별 워크플로를 제공합니다.

Flutter 애플리케이션에서 화면 간 이동, 딥 링크 처리, 데이터 전달을 관리합니다. 앱 요구사항을 평가하여 최적의 라우팅 전략을 선택합니다: 단순한 흐름에는 명령형 Navigator, 딥 링크 및 웹 지원에는 선언형 Router/go_router, 독립적인 하위 흐름에는 중첩 Navigator를 사용합니다. 생성자 인수(권장) 또는 타입 안전 인수 추출이 포함된 RouteSettings를 통해 경로 간 데이터 전달을 지원합니다. MaterialApp.routes를 사용한 명명된 경로를 구현하거나...

Linux 환경에서 Flutter 데스크톱 개발을 위한 의존성 설치 및 검증 워크플로우를 자동화합니다. 세 가지 핵심 워크플로우를 다룹니다: 시스템 의존성 설치(빌드 도구, GTK 라이브러리, C/C++ 툴체인), flutter doctor로 환경 검증, 배포용 Snap 패키지 준비. Debian/Ubuntu 시스템용 즉시 실행 가능한 명령어를 제공하며 ChromeOS Linux 컨테이너를 위한 조건부 설정을 포함합니다. 기본 snapcraft.yaml 템플릿을 포함하여...

Flutter 개발을 위한 macOS 환경 자동 구성으로 Xcode 및 CocoaPods 설정을 포함합니다. Xcode 명령줄 도구 설치 및 연결, 개발자 라이선스 동의, CocoaPods 의존성 관리를 안내합니다. flutter doctor와 flutter devices를 사용한 검증 워크플로우를 통해 환경 설정 및 macOS 데스크탑 인식을 확인합니다. 명령줄 도구 누락, CocoaPods 경로 문제, 데스크탑 지원 등 일반적인 문제에 대한 문제 해결 단계를 제공합니다...

Windows 환경에서 Flutter 개발을 위한 SDK, 도구 및 플랫폼 구성을 자동으로 설정합니다. SDK 설치, PATH 구성, flutter doctor를 통한 종속성 검증을 안내합니다. Windows 데스크톱 컴파일을 위한 Visual Studio C++ 워크로드 설정과 Android 에뮬레이터/기기 구성을 포함합니다. 릴리스 바이너리 빌드, 필수 DLL이 포함된 배포 가능 아카이브 패키징, MSIX 배포를 위한 자체 서명 인증서 생성 워크플로를 제공합니다. 단계별로 안내합니다...

Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or mobile apps that…

Add `flutter_localizations` and `intl` dependencies, enable "generate true" in `pubspec.yaml`, and create an `l10n.yaml` configuration file. Use when…

MVVM 및 단방향 데이터 흐름 패턴을 Flutter 상태 관리에 구현합니다. 일시적 상태(setState를 통한 로컬 UI 상태)와 앱 상태(MVVM 및 provider 패키지를 통한 공유 상태)를 구분하는 결정 로직을 제공합니다. 데이터 계층(단일 진실 공급원으로서의 Repository), 로직 계층(ChangeNotifier를 확장하는 ViewModel), UI 계층(불변 상태의 순수 함수) 간의 엄격한 관심사 분리를 강제합니다. MVVM 패턴 구현을 위한 완전한 코드 예제를 포함합니다...

Flutter 애플리케이션의 아키텍처를 인식하여 단위, 위젯, 통합 및 플러그인 테스트를 생성합니다. 대상 코드를 분석하여 적절한 테스트 유형(로직은 단위, UI는 위젯, 종단 간은 통합, 네이티브 코드는 플러그인)을 결정합니다. 각 테스트 카테고리에 대한 의사 결정 트리와 단계별 구현 패턴을 제공하며, 여기에는 페이크/목 설정 및 어설션 전략이 포함됩니다. ViewModel, 리포지토리, 위젯 및 전체 앱 흐름에 대한 즉시 사용 가능한 코드 템플릿을 적절한...와 함께 제공합니다.

Flutter 앱의 단위, 위젯, 통합 테스트 계층을 아우르는 포괄적인 테스트 프레임워크입니다. 세 가지 테스트 범주를 다룹니다: 격리된 로직을 위한 단위 테스트, UI 컴포넌트를 위한 위젯 테스트, 실제 기기나 에뮬레이터에서의 종단 간 흐름을 위한 통합 테스트. ViewModel, Repository, Service, View에 대한 아키텍처 테스트 패턴을 제공하며, 더 깔끔한 테스트 설계를 위해 모의 객체보다 Fake 구현을 강조합니다. Dart 테스트와 네이티브 테스트를 결합한 플러그인 테스트 가이드라인을 포함합니다.

Flutter 앱을 Material 2에서 Material 3로 마이그레이션하며, 자동화된 컴포넌트 및 테마 업데이트를 수행합니다. 의사 결정 트리를 사용하여 더 이상 사용되지 않는 Material 2 컴포넌트(FlatButton, RaisedButton, BottomNavigationBar, Drawer)를 식별하고 Material 3에 해당하는 컴포넌트로 교체합니다. 레거시 테마 속성을 Material 3 ColorScheme으로 변환하고, 더 이상 사용되지 않는 강조 색상 참조(accentColor, accentColorBrightness 등)를 제거합니다. 모든 컴포넌트 테마를 *ThemeData 클래스를 사용하도록 정규화하고, useMaterial3:...을 보장합니다.

Material 3 테마를 사용한 Flutter 앱의 글로벌 스타일링 및 적응형 디자인 패턴. Material 3 색상 구성표, 타이포그래피, 고도 및 최신 컴포넌트 대체(NavigationBar, FilledButton, SegmentedButton)를 다룹니다. *ThemeData 클래스를 사용한 컴포넌트 테마 정규화와 accentColor 및 AppBarTheme.color 같은 레거시 속성에 대한 지원 중단 안내를 포함합니다. 플랫폼별 적응형 패턴(스크롤바 가시성, 선택 가능한 텍스트, 버튼 순서(Windows vs....)를 제공합니다.

Use the `http` package to execute GET, POST, PUT, or DELETE requests. Use when you need to fetch from or send data to a REST API.

SQLite 및 오프라인 우선 데이터 계층 아키텍처로, Flutter 앱에서 구조화된 로컬 지속성을 제공합니다. 데이터 계층을 상태 비저장 서비스(원시 데이터 래퍼)와 비즈니스 로직 리포지토리(도메인 엔터티당 단일 진실 공급원)로 분리합니다. 오프라인 우선 동기화를 구현하여 읽기 시 캐시된 로컬 데이터를 즉시 반환한 후 원격 업데이트를 가져오고, 쓰기 시 먼저 로컬에 저장한 후 백그라운드 큐 폴백과 함께 API 동기화를 시도합니다. 안전한 매개변수화된 쿼리, 도메인...을 포함한 SQLite 설정을 다룹니다.

이 스킬은 genui 저장소에 특화된 워크플로우와 모범 사례를 제공합니다.

사용자의 계획이나 디자인에 대해 공동 이해에 도달할 때까지 끊임없이 질문하며, 결정 트리의 각 분기를 해결합니다. 사용자가 다음을 원할 때 사용하세요.

사용자가 genui 패키지를 통합하고 Firebase AI Logic으로 간단한 대화를 시작하도록 요청할 때 이 스킬을 사용하세요.

마크다운 파일을 Google 가이드라인에 맞춰 교정합니다.

Flutter 도구와 CLI를 재빌드합니다. 사용자가 Flutter 도구나 CLI를 컴파일, 업데이트, 재생성 또는 재빌드하도록 요청할 때 사용하세요.

변경 사항을 커밋하거나 로컬에서 PR을 검토하기 전에 사이트를 스테이징하고 모든 것이 올바르게 작동하는지 확인하는 것이 중요합니다. 다음 단계에 따라 사이트를 스테이징하세요:

기능 구현이나 버그 수정 시, 구현 코드를 작성하기 전에 사용

llms.txt 파일을 업데이트하고 유지합니다. 사용자가 섹션을 추가하거나, 링크를 추가하거나, 정보를 수정하거나, llms.txt 파일을 검토하려는 경우 사용합니다.

Flutter Web Engine 및/또는 Framework 테스트에서 브라우저 버전(Chrome 또는 Firefox)을 업그레이드합니다. Chrome 또는 Firefox를 최신 버전으로 롤 또는 업그레이드하라는 요청을 받을 때 사용하세요.

변경된 코드 발췌본이 제대로 실행되고 Markdown 파일에 동기화되었는지 확인하세요.