xieren58 / ant-codeAI

openAI to develop code

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

ant-codeAI

项目通过使用AI技术生成高可用代码,(React,Vue,Tailwind CSS)等代码,使用GPT-4 Vision生成,通过截图转化到代码,可以自定义prompt生成可控代码。

2023-12-15.4.16.22.mov

🚀 试用

可以下载下来本地运行,临时线上体验地址,图片最大可上传200KB

cd client
yarn dev


cd service
npm run start:dev

🛠 设置

Pasted Graphic 1
  • OpenAI API Key
  • OpenAI Base URL(代理地址,默认:https://api.openai.com/v1)
  • Mock AI Response(mock AI返回的数据,不直接请求AI),直接请求OpenAI 接口会消耗费用

🔥 使用场景

  • 中后台项目
  • 快速验证方案,对还原度要求不高的项目
  • 输出代码后自补全细节
截屏2023-12-11 下午8 48 49

生成对比

原图 生成网页
截屏2023-12-16 上午12 14 18 截屏2023-12-16 上午8 41 15
截屏2023-12-17 下午1 38 21 截屏2023-12-17 下午1 38 48

🙋‍♂️ 合作

  • 如果有合作意向欢迎加wx:sparrow777-js,不闲聊,没有具体事情请不要加🙏。
  • bug,意见等直接提交到git上即可

reference material screenshot-to-code

About

openAI to develop code

License:MIT License


Languages

Language:TypeScript 81.8%Language:HTML 14.5%Language:JavaScript 2.0%Language:CSS 1.6%Language:Shell 0.1%