利用GPT-4-vision api 绘制web用户界面!

发布时间:

写web前端html代码的工程师有福了!!!

让UI草稿直接产生产品级UI的一体化方案 可本机运行 注意

先看图

前提条件,记得用的时候要魔法代理。

如果是windows电脑得确保网络环境 mac全局网络环境的话直接用。

https://github.com/SawyerHood/draw-a-ui

入门

这是一个 Next.js 应用程序。首先,在项目的根目录中运行以下命令。您将需要一个能够访问 GPT-4 Vision API 的 OpenAI API 密钥。

node请注意,这使用 Next.js 14 并且需要高于 18.17的版本在这里阅读更多内容

echo "OPENAI_API_KEY=sk-your-key" > .env.local
npm install
npm run dev
 

用浏览器打开http://localhost:3000查看结果。

最后更新时间: 2024-10-11 02:33:30

评论