/ant-codeAI

openAI to develop code

Primary LanguageTypeScriptMIT LicenseMIT

ant-codeAI

通过使用AI技术生成高可用代码,web(React,Vue,Tailwind CSS),native(react native)等代码,使用GPT-4 Vision生成,通过截图转化到代码,可以自定义prompt生成可控代码。提供白板功能可以绘制草稿生成代码。

web 支持(React,Vue,Tailwind CSS)

2023-12-15.4.16.22.mov

app 支持(react native)

2023-12-21.9.29.07.mov

🚀 试用

线上地址

线上临时腾讯云地址,图片最大可上传1MB

可以下载下来本地运行.

npm run 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上即可
  • 如果不知道怎么获取OpenAI key和 OpenAI proxy url有需要可以充几块钱体验下。 10元/20次预计生成,不退款(初次使用体验不要超过10元),感觉对自己有用在继续使用。每天20:00前发送至邮箱,如有openAI API key自行设置使用即可。
  • 备注一定要添加自己邮箱地址.
付款二维码

if this project is helpful to you, buy me a coffee.

"Buy Me A Coffee"

reference material screenshot-to-code