https://github.com/sparrow-js/an-codeai

AI generate code
https://github.com/sparrow-js/an-codeai

edit generate-code nextjs openai react screenshottocode

Last synced: 3 days ago
JSON representation

AI generate code

• Host: GitHub
• URL: https://github.com/sparrow-js/an-codeai
• Owner: sparrow-js
• License: mit
• Created: 2023-02-09T15:17:57.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2025-02-01T10:03:36.000Z (10 days ago)
• Last Synced: 2025-02-01T10:51:28.761Z (10 days ago)
• Topics: edit, generate-code, nextjs, openai, react, screenshottocode
• Language: JavaScript
• Homepage: https://www.ancodeai.com/
• Size: 47.7 MB
• Stars: 623
• Watchers: 10
• Forks: 102
• Open Issues: 3
• Metadata Files:
  • Readme: README-zh_CN.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# an-codeAI

中文 · [English](./README.md)

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

https://github.com/sparrow-js/ant-codeAI/assets/59440091/afd51668-3d48-4ef9-bf5d-ac8d3b8d54f8

## 🔥 支持

- 技术栈: web (React, Vue, Tailwind CSS, shadcn/ui), native (react native)

- 编辑能力支持：（HTML + Tailwind,react + Tailwind,react+Tailwind+shadcn/ui）

- 录入信息：文本，截图，白板

**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输出的效果不好



OpenAI：

- OpenAI API Key

- OpenAI Base URL(代理地址，默认：https://api.openai.com/v1)

- Mock AI Response(mock AI返回的数据，不直接请求AI)，直接请求OpenAI 接口会消耗费用

Gemini (不推荐)（免费）：

- Gemini API key