diff --git a/README-en.md b/README-en.md deleted file mode 100644 index f525157..0000000 --- a/README-en.md +++ /dev/null @@ -1,48 +0,0 @@ -# ant-codeAI -The project generates highly available code using AI technology, such as React, Vue, Tailwind CSS, etc. It is generated using GPT-4 Vision and converted to code through screenshots. It is possible to customize prompts to generate controllable code. - -screenshot - -https://github.com/sparrow-js/ant-codeAI/assets/59440091/cd2b9b4b-9940-47fe-a75c-c64759455f53 - -whiteboard - -https://github.com/sparrow-js/ant-codeAI/assets/59440091/b80cedac-68e1-4de9-ac2f-ec960c09b135 - - -## 🚀 Try It Out -You can download the project and run it locally. An [temporary online demo](https://service-1fiqz1da-1253530766.gz.tencentapigw.com/release/) is also available. - -```bash -cd client -yarn dev - - -cd service -npm run start:dev -``` -## 🛠 Configuration -Pasted Graphic 1 - -- OpenAI API Key -- OpenAI Base URL (Proxy address, default: https://api.openai.com/v1) -- Mock AI Response (Mock data from AI, avoids direct API calls to prevent cost consumption) - - -## 🔥 Use Cases -- Backend/frontend projects -- Rapid solution validation for projects with lower accuracy requirements -- Code output with auto-completion for details - -截屏2023-12-11 下午8 48 49 - -## prompt Prompt Examples - -https://github.com/sparrow-js/ant-codeAI/assets/59440091/810c6b55-ed85-4ef1-a49d-090ae6d478eb - -## 🙋‍♂️ Collaboration -- For collaboration inquiries, feel free to add on WeChat: sparrow777-js. Please avoid idle chat; reach out only if there's specific business. -- For bugs, suggestions, etc., submit directly on GitHub. - - -[reference material screenshot-to-code](https://github.com/abi/screenshot-to-code) \ No newline at end of file diff --git a/README-zh_CN.md b/README-zh_CN.md index 3d1fb34..62e2b19 100644 --- a/README-zh_CN.md +++ b/README-zh_CN.md @@ -1,34 +1,37 @@ # ant-codeAI 中文 · [English](./README.md) -通过使用AI技术生成高可用代码,web(React,Vue,Tailwind CSS),native(react native)等代码,使用GPT-4 Vision生成,通过截图转化到代码,可以自定义prompt生成可控代码。提供白板功能可以绘制草稿生成代码。 +通过使用OpenAI、Gemini技术生成高可用代码,支持 web(React,Vue,Tailwind CSS),native(react native)等代码,使用GPT-4 Vision生成,通过截图、绘制草稿、输入创意生成代码。 -web 支持(React,Vue,Tailwind CSS) +https://github.com/sparrow-js/ant-codeAI/assets/59440091/e53fae82-d797-4a52-a1a7-a327bc3917a4 -https://github.com/sparrow-js/ant-codeAI/assets/59440091/b66c80fa-b121-442e-b482-f4d3a0cd2d88 +编辑支持(HTML + Tailwind,react + Tailwind) +Editing support (HTML+Tailwind, react+Tailwind) -app 支持(react native) - -https://github.com/sparrow-js/ant-codeAI/assets/59440091/1f60f5a6-3bbd-4cca-8a9a-7e9a211de8ff ## 🚀 试用 > [线上地址](https://www.ancodeai.com/) -> [线上临时腾讯云地址,图片最大可上传1MB](https://service-1fiqz1da-1253530766.gz.tencentapigw.com/release/) - 可以下载下来本地运行. ```bash npm run dev ``` + ## 🛠 设置 -Pasted Graphic 1 +支持OpenAI、Gemini(免费),Gemini输出的效果不好 +setting + +OpenAI: - OpenAI API Key - OpenAI Base URL(代理地址,默认:https://api.openai.com/v1) - Mock AI Response(mock AI返回的数据,不直接请求AI),直接请求OpenAI 接口会消耗费用 +Gemini(免费): +- Gemini API key + ## 生成对比 | 原图 | 生成网页 | @@ -37,7 +40,6 @@ npm run dev | 截屏2023-12-17 下午1 38 21 | 截屏2023-12-17 下午1 38 48 | - ## 🙋‍♂️ 合作 - 如果有合作意向欢迎加wx:sparrow777-js,不闲聊,没有具体事情请不要加🙏。 - bug,意见等直接提交到git上即可 diff --git a/README.md b/README.md index 785d33e..8184524 100644 --- a/README.md +++ b/README.md @@ -1,15 +1,12 @@ # ant-codeAI English · [中文](./README-zh_CN.md) -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. +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. -web support(React,Vue,Tailwind CSS) +https://github.com/sparrow-js/ant-codeAI/assets/59440091/e53fae82-d797-4a52-a1a7-a327bc3917a4 -https://github.com/sparrow-js/ant-codeAI/assets/59440091/b66c80fa-b121-442e-b482-f4d3a0cd2d88 - -app support(react native) - -https://github.com/sparrow-js/ant-codeAI/assets/59440091/1f60f5a6-3bbd-4cca-8a9a-7e9a211de8ff +Editing support (HTML+Tailwind, react+Tailwind) +Editing support (HTML+Tailwind, react+Tailwind) ## 🚀 Try It Out! @@ -21,12 +18,19 @@ You can download it and run it locally. npm run dev ``` ## 🛠 Setting -Pasted Graphic 1 +Supports OpenAI, Gemini (free), Gemini output is not good + +setting +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 + + ## Generate | Original | Generate | | --- | --- |