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

Screenshot to Code 一款GitHub上面免费开源的在线图片转代码工具 基于GPT 4V
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启动并运行。请注意,您不能使用此设置开发应用程序,因为文件更改不会触发重建。

Screenshot to Code-一款GitHub上面免费开源的在线图片转代码工具 基于GPT-4V-MOHE素材库-设计行业的乐园,各类素材的矿山!
Screenshot to Code-一款GitHub上面免费开源的在线图片转代码工具 基于GPT-4V
此内容为付费资源,请付费后查看
28积分
付费资源
© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
相关推荐
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容