# 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-zh_CN.md)

By using OpenAI and Gemini technologies to generate highly available code, it supports web (React, Vue, Tailwind CSS), native (react native) and other codes. It is generated using GPT-4 Vision. Code is generated by taking screenshots, drawing drafts, and inputting ideas.

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

Editing support (HTML+Tailwind, react+Tailwind, react+Tailwind+shadcn/ui)

**Home page display and editing capabilities**

| home page | Support editing |
| --- | --- |
| ![截屏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=) |


**template**

| Original template | 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 draw | Output code |
| --- | --- |
| ![截屏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=) |



## 🚀 Try It Out!
> [online](https://www.ancodeai.com/)


You can download it and run it locally.
```bash
npm run dev
```
## 🛠 Setting
Supports OpenAI, Gemini (free), Gemini output is not good

<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(proxy url, default：https://api.openai.com/v1)
- Mock AI Response(mock AIThe returned data does not directly request AI)

Gemini（free）：
- Gemini API key



> 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)