abi/screenshot-to-code ? reverse-engineered prompt
Reverse engineered prompt
Build me a web app that can turn screenshots into clean front-end code. A user should be able to upload a screenshot of a website, a mobile app, or even a Figma design, and the tool will use AI to generate the code for it. I want it to be flexible, so let the user choose the output format they need, like plain HTML with Tailwind CSS, or as a React or Vue component.
The most important feature is being able to use different AI models. The user needs to be able to plug in their own API keys for services like OpenAI, Anthropic, and Google, so they can easily switch between models like GPT, Claude, and Gemini to compare the results.
The interface should be simple: an upload box, a side-by-side preview of the generated webpage, and the code itself. Also, include a little settings button to manage the API keys. As a bonus feature, it would be amazing if it could also analyze a short video or screen recording of a website and try to replicate it.
Are you gonna build this?
make sure you review the code using coderabbit