screenshot-to-code这是一个简单的应用程序，可将屏幕截图转换为 HTML/Tailwind CSS。它使用 GPT-4 Vision 生成代码，并使用 DALL-E 3 生成外观相似的图像。这个也太猛了，借助GPT-4V（这里的V代表Vision，视觉识别的意思），直接将屏幕截图生成为网页，刚刚还在说自然语言编程，现在这个干脆连自然语言都省了，屏幕截图直接生成网页，这个使用GPT-4V的开源项目再一次让程序员瑟瑟发抖......
演示视频
演示站需要自备OpenAI 密钥，你的密钥必须能够访问 GPT-4 Vision。
部署运行
该应用程序有一个 React/Vite 前端和一个 FastAPI 后端。您将需要一个可以访问 GPT-4 Vision API 的 OpenAI 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 7000运行前端：
cd frontend
yarn
yarn dev打开 http://localhost:5173 以使用该应用程序。
如果您希望在其他端口上运行后端，请VITE_WS_BACKEND_URLfrontend/.env.local
