# an-codeAI

**Repository Path**: CZJpython/an-codeAI

## Basic Information

- **Project Name**: an-codeAI
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: accurate-output
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-06
- **Last Updated**: 2025-07-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ant-codeAI
中文 · [English](./README.md)

通过使用OpenAI、Gemini技术生成高可用代码，支持 web（React，Vue，Tailwind CSS），native（react native）等代码，使用GPT-4 Vision生成，通过截图、绘制草稿、输入创意生成代码。

https://github.com/sparrow-js/ant-codeAI/assets/59440091/e53fae82-d797-4a52-a1a7-a327bc3917a4

编辑支持（HTML + Tailwind,react + Tailwind,react+Tailwind+shadcn/ui）

**首页展示、及编辑能力**

| 首页 | 支持局部编辑 |
| --- | --- |
| ![截屏2024-01-17 下午6.12.59.png](https://cdn.nlark.com/yuque/0/2024/png/34596612/1705486394521-9791307f-ce03-4932-af0b-d2bf2c69b3b7.png#averageHue=%23fcfaf9&clientId=u86429f36-ee0d-4&from=drop&id=u883fd1bd&originHeight=1444&originWidth=2586&originalType=binary&ratio=2&rotation=0&showTitle=false&size=484148&status=done&style=none&taskId=ua5359990-5a35-4a11-af9c-98979ba53f0&title=) | ![截屏2024-01-17 下午6.14.19.png](https://cdn.nlark.com/yuque/0/2024/png/34596612/1705486482935-c7689364-6f09-4517-8093-31ea8b859d39.png#averageHue=%23f8f7f7&clientId=u86429f36-ee0d-4&from=drop&id=u43e4bcc6&originHeight=1448&originWidth=2740&originalType=binary&ratio=2&rotation=0&showTitle=false&size=362827&status=done&style=none&taskId=uf1ee5937-d8d6-4c7a-bc5b-76fdf6bef7d&title=) |


**模版**

| 原模版 | prompt:  Change to blue style. |
| --- | --- |
| ![截屏2024-01-17 下午5.37.29.png](https://cdn.nlark.com/yuque/0/2024/png/34596612/1705485282856-9dd11d46-34ac-4f00-b45c-e5f9366daef3.png#averageHue=%23dfe1de&clientId=u813d9b56-7155-4&from=drop&id=u6aff3063&originHeight=1462&originWidth=2874&originalType=binary&ratio=2&rotation=0&showTitle=false&size=1466846&status=done&style=none&taskId=uc0c950ae-df0a-4b30-910b-5da9482dc2d&title=) | ![截屏2024-01-17 下午5.39.12.png](https://cdn.nlark.com/yuque/0/2024/png/34596612/1705485284669-97b68bd2-8d31-4db7-88eb-d9f69cbe110f.png#averageHue=%23b0d7c3&clientId=u813d9b56-7155-4&from=drop&id=u0a05b922&originHeight=1460&originWidth=2864&originalType=binary&ratio=2&rotation=0&showTitle=false&size=1359476&status=done&style=none&taskId=ub662bba9-8d26-46f5-ae57-a4c6c14eb17&title=) |

**React+shadcn/ui**

| excalidraw绘制 | 输出的代码 |
| --- | --- |
| ![截屏2024-01-17 下午5.42.29.png](https://cdn.nlark.com/yuque/0/2024/png/34596612/1705485286789-375a472b-a587-40fe-97f1-14884821216e.png#averageHue=%23e2e3e1&clientId=u813d9b56-7155-4&from=drop&id=ud96ac071&originHeight=1450&originWidth=2408&originalType=binary&ratio=2&rotation=0&showTitle=false&size=288271&status=done&style=none&taskId=u8d9dc523-cc8f-4be0-a40c-062004f2dc4&title=) | ![截屏2024-01-17 下午5.42.40.png](https://cdn.nlark.com/yuque/0/2024/png/34596612/1705485284457-a98bdcae-266d-44ce-8487-a79e3189c892.png#averageHue=%23f9f8f7&clientId=u813d9b56-7155-4&from=drop&id=uaf56b5a3&originHeight=1450&originWidth=2408&originalType=binary&ratio=2&rotation=0&showTitle=false&size=555956&status=done&style=none&taskId=u17e988e4-761b-4556-935a-06e073a9ec8&title=) |


## 🚀 试用
> [线上地址](https://www.ancodeai.com/)


可以下载下来本地运行.
```bash
npm run dev
```

## 🛠 设置
支持OpenAI、Gemini（免费），Gemini输出的效果不好

<img width="536" alt="setting" src="https://github.com/sparrow-js/ant-codeAI/assets/59440091/f92b0363-a0ce-4b51-887c-bb79b347c2d7">

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

Gemini（免费）：
- Gemini API key


##  🙋‍♂️ 合作
- 如果有合作意向欢迎加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">