★★★★★
#UI·디자인 · claude-code
앱 아이콘 — 디자인 + 마켓별 출력
앱 이름: {{appName}}
#flutter_launcher_icons#adaptive icon#ASO
변수 2개 — 여기 채우면 아래 프롬프트에 바로 들어가요
앱 이름: {{appName}}
기본 아이콘 디자인: {{iconDesignPath}}
앱 아이콘을 디자인하고 마켓별로 출력해야 해.
단계:
1. **디자인**:
- Figma로 1024×1024 아이콘 디자인 (마스터)
- 배경: 고정색 또는 그라디언트
- 모서리: 8~12px 라운드
2. **flutter_launcher_icons 설정**:
```yaml
flutter_launcher_icons:
android: true
ios: true
image_path: assets/icon/app_icon_1024.png
adaptive_icon_background: "#ffffff"
adaptive_icon_foreground: assets/icon/adaptive_icon_foreground.png
```
3. 아이콘 생성:
```bash
dart run flutter_launcher_icons
```
4. 결과:
- Android: `android/app/src/main/res/mipmap-*` (ldpi~xxxhdpi)
- iOS: `ios/Runner/Assets.xcassets/AppIcon.appiconset/`
5. 스토어 제출용 별도 이미지:
- **App Store**: 1024×1024 PNG
- **Google Play**: 512×512 PNG
검증: 각 기기 해상도에서 아이콘 표시 확인 (iOS 시뮬레이터 + Android 에뮬레이터)
쓰는 법 — 위 칸에 본인 값을 채우면 아래 프롬프트에 바로 반영돼요. 복사 버튼을 누르면 채워진 그대로 클립보드에 담기니까, claude-code(또는 본인이 쓰는 AI)에 붙여넣기만 하면 됩니다. 변수가 없으면 그냥 복사해서 쓰세요.