cc-flutter-docs#
Flutter 토픽별 레퍼런스 스킬 모음 (공식 문서 기반, 21개 스킬)
Collection of Flutter topic-based reference skills (based on official documentation)
Skills#
| 이름 | 설명 |
|---|---|
| flutter-accessibility | Flutter 앱이 스크린 리더 같은 보조 기술을 지원하도록 설정합니다. Flutter에서 accessibility, semantics, a11y 준수를 구현할 때 사용합니다. |
| flutter-animation | Flutter 앱에 애니메이션 효과를 추가합니다. implicit/explicit 애니메이션, transition, animation controller를 구현할 때 사용합니다. |
| flutter-app-size | Flutter 앱 번들, APK, IPA의 크기를 측정하고 줄입니다. 앱 크기를 분석하거나 줄일 때 사용합니다. |
| flutter-architecture | Flutter 팀이 권장하는 앱 아키텍처를 적용합니다. Flutter 앱의 레이어, repository, MVVM 패턴을 구조화할 때 사용합니다. |
| flutter-caching | Flutter 앱에서 데이터를 캐싱합니다. 네트워크 데이터를 로컬에 영속화하거나 오프라인에서도 견고한 읽기를 구현할 때 사용합니다. |
| flutter-concurrency | Flutter에서 오래 걸리는 작업을 백그라운드 스레드에서 실행합니다. isolate, compute, 비동기 concurrency를 다룰 때 사용합니다. |
| flutter-databases | Flutter 앱에서 데이터베이스를 다룹니다. SQLite, Drift 등 로컬 데이터베이스를 연동할 때 사용합니다. |
| flutter-environment-setup-linux | Flutter 개발을 위한 Linux 환경을 설정합니다. Linux에서 Flutter SDK를 설치하거나 문제를 해결할 때 사용합니다. |
| flutter-environment-setup-macos | Flutter 개발을 위한 macOS 환경을 설정합니다. macOS에서 Flutter SDK, Xcode, CocoaPods를 설치하거나 문제를 해결할 때 사용합니다. |
| flutter-environment-setup-windows | Flutter 개발을 위한 Windows 환경을 설정합니다. Windows에서 Flutter SDK를 설치하거나 문제를 해결할 때 사용합니다. |
| flutter-http-and-json | Flutter 앱에서 HTTP 요청을 보내고 JSON을 인코딩/디코딩합니다. REST API를 호출하거나 JSON 모델을 직렬화할 때 사용합니다. |
| flutter-layout | Flutter의 레이아웃 Widget과 constraint 시스템으로 앱의 레이아웃을 구성합니다. row/column/stack을 구성하거나 레이아웃 constraint와 over |
| flutter-localization | Flutter 앱이 여러 언어와 지역을 지원하도록 설정합니다. localization, ARB 파일 추가, locale 전환을 다룰 때 사용합니다. |
| flutter-native-interop | Flutter 앱에서 Android, iOS, 웹의 네이티브 API와 상호 연동합니다. platform channel, FFI, pigeon interface를 작성할 때 사용합니 |
| flutter-performance | Flutter 앱의 성능을 최적화합니다. jank, rebuild storm, 메모리, 시작 시간을 프로파일링할 때 사용합니다. |
| flutter-platform-views | Flutter 앱에 네이티브 뷰를 추가합니다. Flutter 안에 Android/iOS 네이티브 뷰(PlatformView)를 임베드할 때 사용합니다. |
| flutter-plugins | 다른 Flutter 앱에서 사용할 native interop을 제공하는 Flutter plugin을 만듭니다. federated plugin을 만들거나 유지보수할 때 사용합니다. |
| flutter-routing-and-navigation | Flutter 애플리케이션 내에서 화면이나 route 사이를 이동하거나 딥링크로 연결합니다. Navigator, go_router, 딥링크를 구현할 때 사용합니다. |
| flutter-state-management | Flutter 애플리케이션에서 state를 관리합니다. ValueNotifier, stream, MVVM 등 상태 관리 방식을 선택하거나 구현할 때 사용합니다. |
| flutter-testing | Flutter unit test, widget test, integration test를 추가합니다. Flutter의 어떤 테스트 레이어든 작성하거나 구조화할 때 사용합니다. |
| flutter-theming | Flutter의 테마 시스템으로 앱 테마를 커스터마이즈합니다. ThemeData, color scheme, 다크 모드를 설정할 때 사용합니다. |
관련 플러그인#
| 플러그인 | 설명 |
|---|---|
| cc-bricks | cob(co-bricks) 기반 브릭 생성 가이드. kobic Clean Architecture feature 모듈 11종 + 그린필드 프로젝트 초기 세팅(project-init |
| cc-compass | 코코드 스킬 저장소 나침반 — 작업 유형(워크플로우/도구/규칙/레퍼런스)에 따라 알맞은 플러그인·커맨드·스킬로 안내 |
| cc-dev | 개발 사이클 자동화 (이슈 사이클, 버그 사이클, 세션, ZenHub, Agent Teams) |
| cc-flutter | Flutter 개발 핵심 (UI 패턴, Feature 생성, BLoC, 테스트) |
| cc-pixel-loop | Figma + Marionette + Dart MCP를 활용한 픽셀 퍼펙트 Flutter UI 에이전틱 루프 (Read → Write → Reload → Capture → Comp |
| cc-security | 보안 통합 — API/앱 보안, 보안 감사, CI 시크릿, 결제/IAP 엔드포인트 보안, 도서 PDF DRM (구 cc-uiux-security 확장) |
설치#
claude plugins install coco-de/skills/plugins/cc-flutter-docs