LogoCocode Skills

cc-flutter-dev

Flutter 개발 핵심 (UI, Feature, BLoC, Test)

cc-flutter-dev#

Flutter 개발 핵심 (UI, Feature, BLoC, Test)

Flutter 개발 핵심 플러그인 (UI, Feature, BLoC, Test)

Skills#

이름설명
flutter-ui Flutter UI 컴포넌트 및 패턴 구현 가이드. 페이지 구조, 상태 관리, 폼, 로딩, 오버레이 등 12개 Use Case 제공.
flutter-ui Reference 각 Use Case에 대한 상세 설명, 예시 코드, 주의사항을 제공합니다.
flutter-ui Templates 복사해서 바로 사용할 수 있는 코드 템플릿입니다.
workflow 이슈 생성부터 머지까지 전체 개발 사이클 자동화

Commands#

이름설명
bdd-scenario-agent BDD 시나리오 생성 전문가. Gherkin 문법, step definition 작성 시 사용
bdd:generate BDD Feature 파일 및 Step Definition 생성
bloc BLoC/Cubit 상태 관리 패턴 + Freezed 구현
bloc-test-agent BLoC 상태 전이 테스트 전문가. bloc_test 패키지, 상태 검증 시 사용
config-agent 환경 설정 관리 전문가. Envied 어노테이션, 플레이버 스위칭 패턴 구현 시 사용
console-presentation-agent 어드민 콘솔 전용 Presentation Layer 생성 전문가. 테이블, 검색, 필터 UI 구현 시 사용
data-layer-agent Clean Architecture Data Layer 전문가. Repository 구현, 캐싱, Drift DAO 작업 시 사용
di-agent Dependency Injection 설정 생성 전문가. Injectable 모듈 등록, GetIt 기반 DI 구현 시 사용
domain-layer-agent Clean Architecture Domain Layer 전문가. Entity, UseCase, Repository 인터페이스 작업 시 사용
feature-orchestrator-agent Full-stack Feature 오케스트레이션 전문가. 백엔드부터 프론트엔드까지 전체 Feature 생성 시 사용
feature:create Serverpod 백엔드부터 Flutter 프론트엔드까지 전체 Feature 생성 오케스트레이션
feature:data Clean Architecture Data Layer 생성
feature:domain Clean Architecture Domain Layer 생성
feature:presentation Clean Architecture Presentation Layer 생성 (BLoC, Page, Widget, 테스트, Widgetbook)
figma-analyzer-agent Figma 디자인 분석 전문가. 요구사항 추출, UI 구조 분석 시 사용
figma:analyze 피그마 프레임 분석 후 요구사항 정의, BDD 시나리오 생성, ZenHub 이슈 생성 및 Feature 생성
flutter-ui Figma 디자인을 Flutter UI 컴포넌트로 변환 (CoUI 디자인 시스템)
i18n-agent Slang 기반 국제화 전문가. 번역 키 추가, 다국어 지원 작업 시 사용
presentation-layer-agent Clean Architecture Presentation Layer 전문가. BLoC, Page, Widget, Route 작업 시 사용
resources-agent UI 컴포넌트, 테마, 확장 메서드 생성 전문가. CoUI 커스터마이징, 공통 위젯 구현 시 사용
route-agent GoRouter TypedRoute 설정 생성 전문가. 라우트 정의, 네비게이션 패턴 구현 시 사용
test단위/위젯/BDD 테스트 작성 가이드
unit-test-agent UseCase, Repository 단위 테스트 전문가. Mockito 패턴, Either 결과 검증 시 사용
widget-test-agent Widget 렌더링 테스트 전문가. WidgetTester, pump 패턴, find 매처 사용 시 호출
widgetbook-agent Widgetbook 컴포넌트 전시 전문가. UseCase 작성, 컴포넌트 카탈로그 구성 시 사용

Agents#

이름설명
bloc BLoC/Cubit 상태 관리 전문가. Freezed, Event/State 정의, UseCase 통합 작업 시 사용
console-feature Console Feature 모듈 패턴 전문가. KPI 카드, 테이블 정렬, 필터링 등 콘솔 기능 구현 시 사용
feature Clean Architecture Feature 모듈 생성 전문가
flutter-image-optimizer 이미지 메모리 최적화 전문가. cacheWidth/cacheHeight 적용, 메모리 절감 시 사용
flutter-ui Figma → Flutter UI 변환 전문가. CoUI 디자인 시스템, 컴포넌트 구현 시 사용
test Flutter 테스트 전문가. 단위/BLoC/위젯/골든 테스트 작성 시 사용

Rules#

이름설명
BDD 테스트 패턴 이 프로젝트는 BDD(Behavior-Driven Development) 스타일의 테스트를 사용합니다.
BLoC/Cubit DCM Rules 22 rules specific to BLoC pattern implementation.
CoUI Flutter Quick Reference 이 프로젝트에서는 **context.textStyles**를 사용합니다 (22개 파일에서 사용 중).
Common DCM Rules 331 common rules for Dart code quality.
DCM Rules Quick Reference Essential Dart Code Metrics rules for all Dart code in this project.
Data Mapper 패턴 OpenAPI Response를 Domain Entity로 변환하는 Mapper 클래스 작성 규칙입니다.
Flutter Widget DCM Rules 57 rules specific to Flutter widget development.
HTTP 로깅 규칙 HTTP 요청/응답 로깅을 위한 TalkerDioLogger 설정 및 보안 가이드입니다.
Incremental Build (증분 빌드) 규칙 로컬 개발 환경에서 변경된 패키지만 빌드하여 시간을 절약하는 증분 빌드 시스템 가이드입니다.
Provider DCM Rules 8 rules specific to Provider package usage.

References#

이름설명
Agent Improvement Requirements ---
BLoC 패턴 BLoC(Business Logic Component)은 Flutter의 상태 관리 패턴입니다.
Claude Code 컨텍스트 관리 가이드 컨텍스트 윈도우 효율성을 극대화하기 위한 가이드입니다.
DI Module 등록 체크리스트 에러 : GetIt: Object/factory with type IConsoleAnalyticsRepository is not registered inside GetIt
Module Refactoring Patterns 모듈 리네이밍 및 리팩토링을 위한 가이드입니다.
Repository 패턴 Repository는 데이터 소스를 추상화하여 Domain Layer에서 데이터 접근을 담당합니다.
UseCase 패턴 UseCase는 비즈니스 로직을 캡슐화하는 Clean Architecture의 핵심 컴포넌트입니다.
에이전트 의존성 그래프 에이전트, 스킬, 커맨드 간의 워크플로우와 의존성을 시각화합니다.
캐싱 전략 패턴 데이터 캐싱 전략으로 사용자 경험과 네트워크 효율성을 최적화합니다.
패턴 선택 가이드 상황에 따른 최적의 패턴 선택을 위한 의사결정 가이드입니다.

설치#

claude plugins install coco-de/skills/plugins/cc-flutter-dev