responsive-app

Installation
SKILL.md

responsive-app

UI를 무엇으로 띄우고 URL을 줄지 결정하고, 화면·입력 모드에 맞춰 반응형으로 적응시킨다. 다루는 범위: 결정 프레임(정체성 vs 표현), 반응형 적응, 모바일 디테일, 제스처(옵트인).

언제 활성화하나

  • 모바일 웹앱 / PWA / 웹뷰 화면을 "네이티브 앱처럼" 만들어 달라는 요청
  • "이걸 모달로 띄울까 페이지로 만들까", "URL을 줘야 하나", "새로고침·공유·뒤로가기가 깨진다"
  • 목록에서 클릭하면 모달, 직접 접속하면 풀페이지(라우티드 모달), 멀티스텝 폼/위저드의 뒤로가기
  • "모바일에서 모달이 어색하다", "휴대폰에서 바텀시트로", "테이블이 폰에서 깨진다"
  • 시트/드로어를 뒤로가기로 닫기, safe-area·노치·100vh 잘림
  • 끌어서 닫는 시트·스와이프 액션 같은 제스처 추가
  • 위 결정·코드에 대한 리뷰

운영 메모

필요한 값(브레이크포인트·색·타이포 토큰 등)이 프로젝트에 있으면 그대로 쓴다. 없으면 진행을 막지 말고 최소 임시값을 정해 값 옆에 한 줄로 (임시)만 표시한다. 분업·소관은 언급하지 않는다.

Installs
7
First Seen
Jun 30, 2026
responsive-app — dev-goraebap/wellmade-web