스킬 android-jetpack-compose-expert
📦

android-jetpack-compose-expert

안전

Jetpack Compose로 Android 앱 빌드

최신 Android 개발은 Compose 상태 관리와 성능 최적화에 대한 이해가 필요합니다. 이 스킬은 ViewModels, 타입 안전 내비게이션, Material Design 3를 사용하여 반응형 UI를 구축하기 위한 프로덕션 레디 패턴을 제공합니다.

지원: Claude Codex Code(CC)
🥉 73 브론즈
1

스킬 ZIP 다운로드

2

Claude에서 업로드

설정 → 기능 → 스킬 → 스킬 업로드로 이동

3

토글을 켜고 사용 시작

테스트해 보기

"android-jetpack-compose-expert" 사용 중입니다. 이메일 및 비밀번호 필드가 있는 로그인 화면 만들기

예상 결과:

  • 이메일 및 비밀번호용 TextField 입력이 있는 LoginScreen composable
  • 유효성 검사 상태가 있는 LoginUiState 데이터 클래스
  • StateFlow로 인증을 처리하는 LoginViewModel
  • 로딩 표시기가 있는 Material Design 3 스타일 버튼

"android-jetpack-compose-expert" 사용 중입니다. 재구성을 위해 이 목록 최적화

예상 결과:

  • 정렬/필터링된 목록 결과를 캐시하려면 remember 사용
  • 데이터 클래스 항목에 @Immutable 어노테이션 적용
  • 전체 항목 객체 대신 항목 클릭 콜백 전달
  • 안정���인 ID를 위해 lazy items에 key 매개변수 구현

보안 감사

안전
v1 • 2/24/2026

This skill contains documentation-only content (Kotlin code examples for Android Jetpack Compose). All 33 static analysis findings are false positives: backticks detected are markdown formatting and Kotlin syntax, not shell command execution. No executable code, network access, or file system operations present.

1
스캔된 파일
153
분석된 줄 수
0
발견 사항
1
총 감사 수
보안 문제를 찾지 못했습니다
감사자: claude

품질 점수

38
아키텍처
100
유지보수성
87
콘텐츠
50
커뮤니티
100
보안
83
사양 준수

만들 수 있는 것

��� Android 프로젝트 설정

적절한 종속성 구성 및 프로젝트 구조로 Jetpack Compose를 사용하여 새 Android 프로젝트를 시작하세요.

XML에서 Compose로 마이그레이션

기능을 유지하면서 성능을 개선하여 기존 XML 기반 레이아웃을 최신 Compose UI로 마이그레이션하세요.

성능 최적화

재구성 문제를 디버그하고 수정하고, 적절한 상태 관리를 구현하며, UI 렌더링 성능을 최적화하세요.

이 프롬프트를 사용해 보세요

기본 Composable 생성 
이름, 이메일, 아바타 이미지가 포��된 사용자 프로필을 표시하는 Jetpack Compose 화면을 만드세요. Material Design 3 컴포넌트를 사용하고 상태 없는 composable을 위한 Compose 모범 사례를 따르세요.
StateFlow가 있는 ViewModel 
UI 상태를 위해 StateFlow를 사용하는 로그인 화면에 대한 ViewModel을 생성하세요. 로딩, 성공, 오류 상태를 포함하세요. 변경 불가능한 StateFlow만 노출하여 적절한 캡슐화를 사용하세요.
타입 안전 내비게이션 설정 
홈, 제품 상���, 체크아웃의 3화면 흐름에 대해 타입 안전 경로가 있는 Navigation Compose를 설정하세요. 경로 정의를 위해 새 @Serializable 어노테이션을 사용하세요.
성능 디버깅 
잠재적인 재구성 문제에 대해 이 Compose 코드를 분석하세요. 성능을 최적화하기 위해 remember, derivedStateOf 또는 key()를 사용해야 하는 위치를 식별하세요. 각 데이터 클래스에 대한 안정성 분석을 설명하세요.

모범 사례

  • 재구성 중 불필요한 계산을 최소화하려면 remember 및 derivedStateOf 사용
  • List 또는 기타 불안정한 유형�� 포함된 경우 데이터 클래스를 @Immutable 또는 @Stable로 표시
  • 상태 변경으로 트리거되는 일회성 부작용에는 LaunchedEffect 사용

피하기

  • remember 없이 composable 본문 내에서 목록 정렬과 같은 비싼 작업 수행
  • 상태 및 콜백 대신 하위 컴포넌트로 ViewModel 인스턴스 전달
  • 부작용 또는 콜백 대신 composable 컴포지션 내���서 상태 직접 업데이트

자주 묻는 질문

Jetpack Compose의 최소 Android API 레벨은 무엇인가요?
Jetpack Compose는 API 레벨 21 (Android 5.0) 이상을 지원합니다. Compose BOM은 호환성 라이브러리를 자동으로 처리합니다.
Compose에서 LiveData 또는 StateFlow 중 무엇을 사용해야 하나요?
StateFlow는 새 Compose 프로젝트에 권장됩니다. 콜드 스트림 동작, 더 나운 코루틴 통합, 내장 상태 관리를 제공합니다. LiveData는 작동하지만 변환이 필요합니다.
재구성 문제를 디버깅하려면 어떻게 하나요?
Android Studio Layout Inspector를 사용하여 재구성 횟수를 계산하세요. composable 함수에 로깅을 추가하세요. Compose Compiler Metrics를 ���용하여 불안정한 매개변수를 확인하세요.
Compose에서 상태 호���스팅이란 무엇인가요?
상태 호이스팅은 상태를 부모 composable로 이동하여 자식 컴포넌트를 상태 없게 만듭니다. 이는 테스트 가능성, 재사용성을 개선하고 단방향 데이터 흐름을 따릅니다.
Jetpack Compose 전에 Kotlin을 배워야 하나요?
네, Kotlin은 Compose에 필수적입니다. Compose 관련 개념을 살펴보기 전에 람다, 확장 함수, 코루틴, 데이터 클래스에 집중하세요.
Compose Navigation은 기존 Navigation 컴포넌트와 어떻게 다른가요?
Compose Navigation은 NavHost를 사용하여 composable과 직접 통합합니다. 새로��� 타입 안전 내비게이션은 문자열 기반 경로 대신 @Serializable 어노테이션과 컴파일 타임 경로 검사를 사용합니다.

개발자 세부 정보

작성자

sickn33

라이선스

MIT

리포지토리

https://github.com/sickn33/antigravity-awesome-skills/tree/main/skills/android-jetpack-compose-expert

참조

main

파일 구조

📄 SKILL.md