Flutter 스킬

skills/skills/dart-matcher-best-practices

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

agent-plugins/skills/dart-migrate-to-checks-package

Replace the usage of `expect` and similar functions from `package:matcher` to `package:checks` equivalents.

skills/skills/dart-modern-features

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

skills/skills/dart-package-maintenance

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

agent-plugins/skills/dart-resolve-package-conflicts

Workflow for fixing package version conflicts. Use this when `pub get` fails due to incompatible package versions.

agent-plugins/skills/dart-run-static-analysis

Execute `dart analyze` to identify warnings and errors, and use `dart fix --apply` to automatically resolve mechanical lint issues. Use during development to…

agent-plugins/skills/dart-setup-ffi-assets

에이전트가 Dart의 Native Assets 훅 시스템(via…을 통해)을 사용하여 C/C++ 소스 코드를 동적 또는 정적 라이브러리(Code Assets)로 컴파일하고 패키징하는 방법을 안내합니다.

skills/tool/dart_skills_lint/.agents/skills/dart-skills-lint-integration

저장소 내에서 dart_skills_lint 검증 도구를 통합, 업데이트 및 구성하는 방법. 사용자가 업데이트를 요청할 때마다 이 스킬을 사용해야 합니다…

skills/tool/dart_skills_lint/skills/dart-skills-lint-setup

이 스킬은 Dart 프로젝트에서 AI 에이전트 스킬에 대한 검증을 처음 설정할 때 사용합니다. 린터를 dev_dependency로 추가하고, 생성합니다…

skills/tool/dart_skills_lint/skills/dart-skills-lint-validation

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

skills/skills/dart-test-coverage

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

skills/skills/dart-test-fundamentals

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

agent-plugins/skills/dart-use-ffigen

Guide agents to use `package:ffigen` to automatically generate FFI bindings instead of writing them manually. Use this skill when a task involves writing new…

agent-plugins/skills/dart-use-pattern-matching

적절한 경우 switch 표현식과 패턴 매칭을 사용하세요

agent-plugins/skills/dart-use-primary-constructors

사용자가 Dart에서 구문 및 의미적으로 올바른 primary constructor를 작성하고, 새로운 생성자 구문, 빈 본문 세미콜론 구문 등으로 마이그레이션/사용할 수 있도록 지원합니다.

skills/tool/dart_skills_lint/.agents/skills/definition-of-done

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

flutter/.agents/skills/engine-whats-new

Flutter 엔진(//engine/src/flutter)의 두 릴리스(예: 3.47 vs…) 간 변경 사항에 대한 "새로운 기능" 릴리스 요약 및 diff 파일을 생성합니다.

flutter/.agents/skills/find-release

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

skills/skills/flutter-accessibility

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

skills/skills/flutter-accessibility-audit

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

skills/skills/flutter-add-integration-test

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

skills/skills/flutter-add-widget-preview

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

skills/skills/flutter-add-widget-test

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

skills/skills/flutter-adding-home-screen-widgets

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 레이아웃 등을 사용합니다.

skills/skills/flutter-animating-apps

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

skills/skills/flutter-animation

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

skills/skills/flutter-app-size

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

skills/skills/flutter-apply-architecture-best-practices

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

skills/skills/flutter-architecting-apps

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

skills/skills/flutter-architecture

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