Screenshot-To-Code - GPT-4V로 화면 캡쳐를 코드로 변환하기

• GPT-4 Vision 을 이용해서 화면 스크린샷을 HTML/Tailwind CSS 코드로 변환
• 화면에 이미지는 DALL-E 3 를 이용해서 비슷하게 보이는 이미지를 생성해서 대체 가능
• 추가 프롬프트를 입력해서 원하는 대로 생성되는 코드를 수정 가능
• React/Vite 프론트엔드 + FastAPI 백엔드

[composite]

오픈소스다 보니 프롬프트도 공개되어 있어서 GPTs 에 그대로 배끼면 되기는 됩니다. 하지만 ChatGPT가 불안정해서 그런지 나오다 마는군요...

[xguru]

Make Real - 그림을 동작하는 소프트웨어로 바꾸기 과 비슷하지만 그냥 스크린샷만 넣으면 되는 군요.
뭔가 따라서 만들 때는 정말 손쉽게 가능할 듯