Flutter 개발자는 아키텍처, 상태 관리, 멀티플랫폼 성능 최적화에 대한 전문가의 조언이 필요합니다. 이 스킬은 프로덕션 레디 애플리케이션 구축을 위한 종합적인 Flutter 3.x 및 Dart 3 전문 지식을 제공합니다.
下載技能 ZIP
在 Claude 中上傳
前往 設定 → 功能 → 技能 → 上傳技能
開啟並開始使用
測試它
正在使用「flutter-expert」。 모바일과 데스크톱에서 작동하는 반응형 레이아웃을 어떻게 구현하나요?
預期結果:
LayoutBuilder 와 Breakpoints 를 결합하여 사용하세요. 예를 들어:
```dart
Widget build(BuildContext context) {
return LayoutBuilder(
builder: (context, constraints) {
if (constraints.maxWidth < 600) {
return MobileLayout();
}
return DesktopLayout();
},
);
}
```
더 복잡한 시나리오에는 미디어 쿼리와 flutter_responsive 를 사용할 수도 있습니다.
正在使用「flutter-expert」。 대형 이커머스 앱에 가장 적합한 상태 관리 방법은 무엇인가요?
預期結果:
대형 이커머스 앱의 경우 Riverpod 2.x 또는 Bloc 을 추천합니다. Riverpod 는 컴파일 타임 안전성과 우수한 테스트 지원을 제공합니다. Bloc 은 이벤트와 상태의 명확한 분리를 제공합니다. 하이브리드 방식을 고려하세요: 의존성 주입과 전역 상태에는 Riverpod 를, 기능 모듈의 복잡한 비즈니스 로직에는 Bloc 을 사용하세요.
安全審計
安全Prompt-only skill with no executable code. Static analysis scanned 0 files (0 lines) and detected 0 potential security issues. Risk score: 0/100. This is a benign Flutter development assistant skill that provides guidance, best practices, and code examples through natural language prompts only.
品質評分
你能建構什麼
아키텍처 설계
클린 아키텍처, 의존성 주입, 모듈식 코드 구성을 사용한 Flutter 앱 구조화에 대한 지침 제공
상태 관리 선택
앱 복잡도와 팀 경험에 따른 상태 관리 솔루션에 대한 권장 사항 제공
성능 최적화
위젯 리빌드, 메모리 사용량, 렌더링 성능 최적화 기법 학습
試試這些提示
Flutter 에서 [특정 위젯 또는 기능] 을 어떻게 구현하나요?
[기능 목록] 이 필요한 Flutter 앱을 위한 클린 아키텍처 구조를 설계하세요. 어떤 폴더, 패턴, 의존성을 사용해야 하나요?
[Riverpod/Bloc/GetX] 를 사용하여 [앱 기능 설명] 에 대한 상태 관리를 구현하세요. 상태, 이벤트, UI 소비를 위한 코드 예제를 포함하세요.
Flutter 에서 [네이티브 iOS/Android 기능] 에 액세스하기 위한 플랫폼 채널을 생성하세요. Dart 와 네이티브 코드 구현을 모두 포함하세요.
最佳實務
- 위젯 리빌드를 최적화하기 위해 가능한 한 const 생성자를 사용하세요
- try-catch 와 커스텀 Exception 클래스를 사용한 적절한 오류 처리를 구현하세요
- 포괄적인 테스트를 작성하세요: 비즈니스 로직에 대한 단위 테스트, UI 컴포넌트에 대한 위젯 테스트
避免
- 복잡한 상태에는 setState() 사용을 피하고 대신 적절한 상태 관리를 사용하세요
- 상수 자식을 받는 위젯에서 'const' 키워드를 무시하지 마세요
- 전체 위젯 트리를 리빌드하지 마세요 - 세분화된 업데이트를 위해 Selector 또는 Consumer 를 사용하세요