Screenshot to Code-一款GitHub上面免费开源的在线图片转代码工具 基于GPT-4V

Screenshot to Code是一个基于GPT-4图片转代码工具，是一个简单的在线应用程序，能够将屏幕截图转换为干净的 HTML/Tailwind/JS 代码，工具使用 GPT-4 Vision 生成代码，并使用 DALL-E 3 生成外观相似的图像，支持PC端和移动端代码，使用需要自备OpenAI API 密钥，必须具有 GPT4 视觉访问权限。

开始使用

该应用程序有一个React/Vite前端和一个FastAPI后端。您将需要一个OpenAI API密钥，可以访问GPT-4 Vision API。

运行后端（我使用Poetry进行包管理-如果你没有它，请使用 pip install poetry ）：

cd backend
echo "OPENAI_API_KEY=sk-your-key" > .env
poetry install
poetry shell
poetry run uvicorn main:app --reload --port 7001

 运行前端：

cd frontend
yarn
yarn dev

打开http：//localhost：5173以使用该应用程序。

如果您更喜欢在不同的端口上运行后端，请更新 frontend/.env.local 中的VITE_WS_SENDEND_URL

Docker

如果你的系统上安装了Docker，在根目录下运行： 

该应用程序将在http：//localhost：5173启动并运行。请注意，您不能使用此设置开发应用程序，因为文件更改不会触发重建。