responsive-app
Installation
SKILL.md
responsive-app
UI를 무엇으로 띄우고 URL을 줄지 결정하고, 화면·입력 모드에 맞춰 반응형으로 적응시킨다. 다루는 범위: 결정 프레임(정체성 vs 표현), 반응형 적응, 모바일 디테일, 제스처(옵트인).
언제 활성화하나
- 모바일 웹앱 / PWA / 웹뷰 화면을 "네이티브 앱처럼" 만들어 달라는 요청
- "이걸 모달로 띄울까 페이지로 만들까", "URL을 줘야 하나", "새로고침·공유·뒤로가기가 깨진다"
- 목록에서 클릭하면 모달, 직접 접속하면 풀페이지(라우티드 모달), 멀티스텝 폼/위저드의 뒤로가기
- "모바일에서 모달이 어색하다", "휴대폰에서 바텀시트로", "테이블이 폰에서 깨진다"
- 시트/드로어를 뒤로가기로 닫기, safe-area·노치·100vh 잘림
- 끌어서 닫는 시트·스와이프 액션 같은 제스처 추가
- 위 결정·코드에 대한 리뷰
운영 메모
필요한 값(브레이크포인트·색·타이포 토큰 등)이 프로젝트에 있으면 그대로 쓴다. 없으면 진행을
막지 말고 최소 임시값을 정해 값 옆에 한 줄로 (임시)만 표시한다. 분업·소관은 언급하지 않는다.