📄这个简单的应用程序可以将屏幕截图转换为代码（HTML/Tailwind CSS、React、Bootstrap或Vue）。它利用 GPT-4 Vision 生成代码，并使用 DALL-E 3 生成外观相似的图像。现在，您还可以输入 URL 来实时克隆网站！

请确保您拥有正确的 OpenAI 密钥 - 您的密钥需要具备访问 GPT-4 Vision 的权限。

🌐开源地址

看不懂的小伙伴可用看下面一个简单的部署教程

准备工具（如果已经安装请跳过）

安装Docker

安装Docker Compose：

打开终端或命令提示符。

执行以下命令下载Docker Compose二进制文件：

sudo curl -L "https://github.com/docker/compose/releases/latest/download/docker-compose-$(uname -s)-$(uname -m)" -o /usr/local/bin/docker-compose

授予执行权限：

sudo chmod +x /usr/local/bin/docker-compose

验证安装是否成功：

docker-compose --version

安装完成后，您可以使用docker和docker-compose命令来管理和运行容器化应用程序。

部署教程

下载screenshot-to-code.zip压缩包，解压，打开目录终端

输入

echo "OPENAI_API_KEY=你的GPT-4密匙" > .env       #添加密匙变量

输入

docker-compose up -d --build                     #运行

打开你的localhost:5173