/blank-page-prototyping

Figma, but IRL. Just take a picture of your page and it magically generates a website based on it, with AI.

Primary LanguageJavaScript

Blank Page Prototyping ✨

Figma, but IRL. Just take a picture of your page and it magically generates a website based on it, with AI.

Features

  • Connect to your phone or webcam.
  • Take picture and upload it to OpenAI GPT4o.
  • Generate a simple HTML website based on the content.

Preview

Preview Preview Preview Preview

Installation

git clone https://github.com/leo5imon/blank-page-prototyping
cd blank-page-prototyping
npm install
npm run dev

Set-up your OpenAI API key and edit the prompt if you want to make it run differently.

Contribution

Contributions are welcome! If you would like to contribute, please follow these steps:

  • Fork the repository.
  • Create a new branch for your feature or bug fix.
  • Make your changes and commit them.
  • Push your changes to your forked repository.
  • Submit a pull request to the main repository.