Skip to content

Commit

Permalink
fix readme
Browse files Browse the repository at this point in the history
  • Loading branch information
sparrow-js committed Dec 28, 2023
1 parent 7667e91 commit 2491d5d
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 44 deletions.
15 changes: 2 additions & 13 deletions README-zh_CN.md
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
# ant-codeAI
English · [中文](./README-zh_CN.md)
中文 · [English](./README.md)

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

web 支持(React,Vue,Tailwind CSS)

https://github.com/sparrow-js/ant-codeAI/assets/59440091/810c6b55-ed85-4ef1-a49d-090ae6d478eb
https://github.com/sparrow-js/ant-codeAI/assets/59440091/b66c80fa-b121-442e-b482-f4d3a0cd2d88

app 支持(react native)

Expand All @@ -30,14 +30,6 @@ npm run dev
- Mock AI Response(mock AI返回的数据,不直接请求AI),直接请求OpenAI 接口会消耗费用


## 🔥 使用场景
- 中后台项目
- 快速验证方案,对还原度要求不高的项目
- 输出代码后自补全细节

<img width="500" alt="截屏2023-12-11 下午8 48 49" src="https://github.com/sparrow-js/firefly-codeAI/assets/59440091/781e496e-6141-413b-804a-72e7c17f0fe1">


## 生成对比
| 原图 | 生成网页 |
| --- | --- |
Expand All @@ -54,8 +46,5 @@ npm run dev
- 备注一定要添加自己邮箱地址.
<img width="260" alt="付款二维码" src="https://github.com/sparrow-js/ant-codeAI/assets/59440091/950bad51-bddd-42c6-b29e-815052c8ff82">

> if this project is helpful to you, buy me a coffee.
[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/sparrowwhtl)

[reference material screenshot-to-code](https://github.com/abi/screenshot-to-code)
42 changes: 11 additions & 31 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,59 +1,39 @@
# ant-codeAI
English · [中文](./README-zh_CN.md)

通过使用AI技术生成高可用代码,webReactVueTailwind CSS),nativereact native)等代码,使用GPT-4 Vision生成,通过截图转化到代码,可以自定义prompt生成可控代码。提供白板功能可以绘制草稿生成代码。
By using AI technology to generate highly available code, web (React, Vue, Tailwind CSS), native (react native) and other codes, GPT-4 Vision is used to generate it. By converting screenshots into code, you can customize prompts to generate controllable code. The whiteboard function can generate code based on different drafts.

web 支持(React,Vue,Tailwind CSS)
web support(React,Vue,Tailwind CSS)

https://github.com/sparrow-js/ant-codeAI/assets/59440091/b66c80fa-b121-442e-b482-f4d3a0cd2d88

app 支持(react native)
app support(react native)

https://github.com/sparrow-js/ant-codeAI/assets/59440091/1f60f5a6-3bbd-4cca-8a9a-7e9a211de8ff


## 🚀 试用
> [线上地址](https://www.ancodeai.com/)
## 🚀 Try It Out!
> [online](https://www.ancodeai.com/)
> [线上临时腾讯云地址,图片最大可上传1MB](https://service-1fiqz1da-1253530766.gz.tencentapigw.com/release/)


可以下载下来本地运行.
You can download it and run it locally.
```bash
npm run dev
```
## 🛠 设置
## 🛠 Setting
<img width="558" alt="Pasted Graphic 1" src="https://github.com/sparrow-js/firefly/assets/59440091/2daf0da1-dc53-4c2a-b450-2667abcf940b">

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


## 🔥 使用场景
- 中后台项目
- 快速验证方案,对还原度要求不高的项目
- 输出代码后自补全细节

<img width="500" alt="截屏2023-12-11 下午8 48 49" src="https://github.com/sparrow-js/firefly-codeAI/assets/59440091/781e496e-6141-413b-804a-72e7c17f0fe1">
- OpenAI Base URL(proxy url, default:https://api.openai.com/v1)
- Mock AI Response(mock AIThe returned data does not directly request AI)


## 生成对比
| 原图 | 生成网页 |
## Generate
| Original | Generate |
| --- | --- |
| <img width="1090" alt="截屏2023-12-16 上午12 14 18" src="https://github.com/sparrow-js/ant-codeAI/assets/59440091/0620753c-9c48-4878-a40f-3d79e40f1230"> | <img width="910" alt="截屏2023-12-16 上午8 41 15" src="https://github.com/sparrow-js/ant-codeAI/assets/59440091/18fd642c-9f92-4b76-a20d-7a59c6905256"> |
| <img width="1091" alt="截屏2023-12-17 下午1 38 21" src="https://github.com/sparrow-js/ant-codeAI/assets/59440091/e973ba23-3dc8-484f-9aed-793271a286e8"> | <img width="1055" alt="截屏2023-12-17 下午1 38 48" src="https://github.com/sparrow-js/ant-codeAI/assets/59440091/414fd1fd-6288-4e20-9f7e-9d279ab3808c"> |



## 🙋‍♂️ 合作
- 如果有合作意向欢迎加wx:sparrow777-js,不闲聊,没有具体事情请不要加🙏。
- bug,意见等直接提交到git上即可
- 如果不知道怎么获取OpenAI key和 OpenAI proxy url有需要可以充几块钱体验下。
10元/20次预计生成,不退款(初次使用体验不要超过10元),感觉对自己有用在继续使用。每天20:00前发送至邮箱,如有openAI API key自行设置使用即可。
- 备注一定要添加自己邮箱地址.
<img width="260" alt="付款二维码" src="https://github.com/sparrow-js/ant-codeAI/assets/59440091/950bad51-bddd-42c6-b29e-815052c8ff82">

> if this project is helpful to you, buy me a coffee.
[!["Buy Me A Coffee"](https://www.buymeacoffee.com/assets/img/custom_images/orange_img.png)](https://www.buymeacoffee.com/sparrowwhtl)
Expand Down

0 comments on commit 2491d5d

Please sign in to comment.