UIsnapper

UIsnapper는 올린 이미지를 읽고 겉모습을 정하는 요소를 뽑아낸다. 색, 타이포그래피, 여백, 구성 요소의 구조다. 이 분해가 프롬프트의 토대라서, 스크린샷이 읽기 쉬울수록 결과가 두터워진다. 평평하고 정돈된 레이아웃이 겹겹이 쌓인 화면보다 세부가 더 잘 돌아온다.

핵심 산출물은 Cursor, Lovable, v0 같은 도구를 겨냥한 상세 프롬프트다. AI 빌더가 실행할 수 있는 말로 레이아웃과 스타일을 적는다. 두루뭉술한 요약이 아니다. 손댈 수 없는 코드가 아니라, 붙여 넣고 고칠 수 있는 구조화된 텍스트를 받는다.

첫 번째 결과 뒤에 채팅 창에서 어시스턴트에게 요청할 수 있다. 절을 늘리거나, 세부를 조정하거나, 레이아웃 일부를 설명해 달라고 한다. 첫 프롬프트가 빠뜨린 구멍, 이를테면 특정 버튼 모양이나 중단점을 여기서 메운다. 일은 같은 세션 안에 머물고 처음부터 다시 하지 않는다.

이 도구는 여러 페이지짜리 웹 앱과, 여러 구획을 가진 단일 랜딩 페이지를 모두 다룬다. 이 폭이 중요하다. 앱 전체는 화면을 넘나드는 일관된 구조가 필요하고, 랜딩 페이지는 긴 스크롤을 제대로 마무리하는 게 핵심이기 때문이다. 어느 쪽을 지정해도 범위에 맞는 프롬프트가 나온다.

프롬프트가 준비되면 복사해서 자신의 개발 환경에서 바로 쓴다. 특정 편집기에 묶이지 않으니 같은 프롬프트를 채팅형 도구에도 에이전트에도 넘길 수 있다. 도구는 출발점으로 남고, 그 안에 살아야 하는 또 하나의 플랫폼이 되지 않는다.