flutter-architecture

작성자: flutter

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

npx skills add https://github.com/flutter/skills --skill flutter-architecture

ZIP 다운로드 GitHub

flutter의 다른 스킬

dart-modern-features

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

flutter-fix-layout-issues

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

adding-release-notes

사용자 대상 변경 사항 설명을 DevTools 릴리스 노트에 추가합니다. NEXT_RELEASE_NOTES.md 파일에 개선 사항, 수정 사항 또는 새로운 기능을 문서화할 때 사용하세요.

reviewing-devtools-prs

DevTools 저장소 전용 PR 리뷰 워크플로로, DevTools 스타일 가이드라인과 일반적인 리뷰 패턴을 적용합니다. 풀 리퀘스트를 리뷰할 때 사용하세요…

dart-use-primary-constructors

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

code-documentation

효과적인 코드 문서 작성 가이드로, docstrings, JSDoc, dartdoc 및 구현 주석을 포함합니다. 새 코드를 작성하거나 추가할 때 이 스킬을 사용하세요…

지정된 코드를 표준 API 설계 지침에 맞춰 검토합니다. 사용자가 API 리뷰를 요청하거나 API 설계에 따라 코드를 확인할 때 이 스킬을 사용하세요…

flutter-accessibility

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