GitHub - abi/screenshot-to-code: Drop in a screenshot and convert it to clean HTML/Tailwind/JS code
Nov 16, 2023 - github.com
The article introduces an application called 'screenshot-to-code' that converts screenshots into HTML/Tailwind CSS. The app uses GPT-4 Vision for code generation and DALL-E 3 for image generation. It also allows users to instruct the AI to update the code as needed. The app has a React/Vite frontend and a FastAPI backend, and requires an OpenAI API key with access to the GPT-4 Vision API.
The article provides instructions on how to run the backend and frontend of the app, and how to use it via a local host. It also mentions the possibility of running the backend on a different port. The author invites feedback through issue reporting or Twitter, and announces that a hosted version of the app will soon be available on Pico.
Key takeaways:
The app, screenshot-to-code, converts a screenshot to HTML/Tailwind CSS using GPT-4 Vision and DALL-E 3.
Users can now instruct the AI to update the code as needed, which is useful if the AI makes mistakes or misses a section.
The app has a React/Vite frontend and a FastAPI backend, and requires an OpenAI API key with access to the GPT-4 Vision API.
A hosted version of the app will soon be available on Pico.
