GeekNews의 xguru님께 허락을 받고 GN에 올라온 글들 중에 AI 관련된 소식들을 공유하고 있습니다. ![]()
소개
NYTimes 캡쳐로 제작한 사이트 예시
데모 영상
유튜브 스크린샷으로 제작한 데모 영상
인스타그램 스크린샷으로 제작한 데모 영상
내용
- GPT-4 Vision 을 이용해서 화면 스크린샷을 HTML/Tailwind CSS 코드로 변환
- 화면에 이미지는 DALL-E 3 를 이용해서 비슷하게 보이는 이미지를 생성해서 대체 가능
- 추가 프롬프트를 입력해서 원하는 대로 생성되는 코드를 수정 가능
- React/Vite 프론트엔드 + FastAPI 백엔드
원문
https://github.com/abi/screenshot-to-code
