screenshot-to-code这是一个简单的应用程序，可将屏幕截图转换为 HTML/Tailwind CSS。它使用 GPT-4 Vision 生成代码，并使用 DALL-E 3 生成外观相似的图像。这个也太猛了，借助GPT-4V（这里的V代表Vision，视觉识别的意思），直接将屏幕截图生成为网页，刚刚还在说自然语言编程，现在这个干脆连自然语言都省了，屏幕截图直接生成网页，这个使用GPT-4V的开源项目再一次让程序员瑟瑟发抖......

屏幕截图直接生成HTML网页项目和演示地址-screenshot-to-code 第5张插图

演示视频

演示站需要自备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

项目和演示地址:

已售2
支付酷币以后显示内容
售价：10 付费查看，
注意: 请在登录后通过签到任务免费获取进行支付