swiftui-view-refactor
SwiftUI Views 리팩터링
SwiftUI 뷰는 일관성 없는 속성 정렬과 혼합된 책임으로 인해 자주 체계가 무너지게 됩니다. 이 스킬은 올바른 순서 적용, MV 패턴 선호, 정확한 Observation 사용을 통해 뷰에 일관된 구조를 적용합니다.
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "swiftui-view-refactor". Refactor this SwiftUI view to follow MV patterns and split the body.
النتيجة المتوقعة:
- ✓ 재정렬된 속성: Environment → let → @State → computed vars → init → body → helpers
- ✓ 계산된 뷰 속성으로 List 섹션 추출: header, filters, results, footer
- ✓ 선택적 @StateObject를 @State와 non-optional @Observable 뷰 모델로 변경
- ✓ init을 통해 의존성 주입됨, bootstrapIfNeeded 아님 확인
- ✓ MARK 주석과 함께 확장으로 파일 분리: Main View, Subviews, Actions, Helpers
استخدام "swiftui-view-refactor". Review this view for proper Observation usage and suggest improvements.
النتيجة المتوقعة:
- ✓ @Observable 모델이 루트 뷰 수준 @State에 올바르게 저장됨
- ✓ 필요한 중복 @StateObject 또는 @ObservedObject 래퍼 없음
- ✓ @Environment를 통해 의존성 적절하게 주입됨
- ✓ 뷰 상태 대신 로컬 상태 열거형이 뷰 모델 속성에 사용됨
التدقيق الأمني
آمنPure documentation skill containing only markdown files with Swift code examples. No executable code, network calls, file system access, or external command execution. All 94 static findings are false positives triggered by markdown syntax (backticks in code fences, WWDC session titles, SwiftData API names) misidentified as security patterns.
عوامل الخطر
⚙️ الأوامر الخارجية (72)
🌐 الوصول إلى الشبكة (2)
درجة الجودة
ماذا يمكنك بناءه
코드베이스 정리
팀 일관성을 위해 기존 iOS 코드베이스에서 SwiftUI 뷰 구조를 표준화합니다.
패턴 검토
제출된 뷰가 확립된 MV 패턴과 모범 사례를 따르는지 검증합니다.
뷰 현대화
레거시 SwiftUI 코드를 Combine 기반 뷰 모델 대신 최신 @Observable 패턴으로 업데이트합니다.
جرّب هذه الموجهات
이 SwiftUI 뷰를 MV 패턴을 사용하여 리팩터링하세요. 속성을 재정렬하고, 큰 본문 섹션을 분리하며, @Observable 모델에 대해 적절한 @State 사용을 확인하세요.
이 뷰의 뷰 모델 사용을 검토하세요. 선택적 뷰 모델을 non-optional @State로 교체하고, init에서 적절하게 초기화하며, 의존성 주입을 확인하세요.
이 뷰가 300줄을 넘습니다. 계산된 속성과 MARK 주석이 있는 확장을 사용하여 서브뷰로 분리하세요. 원래 동작을 유지하세요.
완전한 검토 수행: 뷰 순서 확인, MV 패턴 확인, Observation 사용 확인, 중복 래퍼 없음 확인, @Environment를 통한 의존성 주입 검증.
أفضل الممارسات
- 뷰를 작고 조합 가능하게 유지; 본문이 화면 하나를 넘으면 섹션 추출
- 여러 뷰 수준을 통해 의존성을 전달하는 대신 공유 서비스에 @Environment 사용
- @Observable 참조 유형을 @State에 루트에 저장; 필요에 따라 명시적으로 전달
تجنب
- 로컬 @State, @Environment, @Query로 충분할 때 뷰 모델 도입
- 적절한 초기화 대신 bootstrapIfNeeded 패턴과 함께 선택적 뷰 모델 사용
- 서비스/모델가 아닌 뷰에 비즈니스 로직 저장