[开源] 宣传一下 OpenAI 生成代码项目类似 v0，欢迎体验

[sparrowwht7]

开源地址：https://github.com/sparrow-js/ant-codeAI

体验地址：https://www.ancodeai.com/

---

功能

• 模型：OpenAI ，Gemini （生成效果不好，注册 Key 即可免费使用）
• 输入方式：图片、白板、文本
• 生成技术栈：web （ React ，Vue ，Tailwind CSS ），native （ react native ）
• 支持局部编辑：（ HTML + Tailwind ，react + Tailwind ）🔥推荐

---

配置 key 后拖入图片即可使用，信息保存在本地，项目没有做任何服务端存储

首页：

编辑页：

设置：

体验可以用临时先用
Gemini key：AIzaSyBHpr3hWhy3vLvRsfHcgzK8Ff_KkigMd7o

Gemini 生成效果不太好，可以在首页拖入图片，推荐体验生成（ HTML + Tailwind ）

[privateproxies]

小白问一下 能直接 vercel 部署吗？

[sparrowwht7]

@privateproxies 可以

[privateproxies]

@sparrowwht7

比较菜

如果有空的话，能加个 VX 吗？
brandsprite

有偿帮部署一下，最近正学习部署网站:)

[privateproxies]

还有你标题，多打了一个 t 。
an ， 成了 ant ？

[miniliuke]

有前置提示词吗，在源码的哪里？感觉效果可以啊。比我自己用 GPT 生成的强

[sparrowwht7]

@privateproxies 晚点联系，本来是 ant ，买域名时手滑了

[sparrowwht7]

@miniliuke service/events/prompts.ts 文件里

[zqjilove]

点赞，本地部署测试，效果可以，支持局部修改，还有多版本！！

[sparrowwht7]

@zqjilove 输出效果有待改进，后面再改一波

[wonderfulcxm]

学习了

[sparrowwht7]

@wonderfulcxm 我在努力努力争取赶超 v0😄

[tonywangcn]

请教大佬个问题，好奇这里为何要再加个 ref ，结果也是每次 render 都会执行吧

https://github.com/sparrow-js/ant-codeAI/blob/f135a4caaa18f9f5b7c5b3a99bc120f8cca5b9f7/components/contexts/PromptContext.tsx#L109

[YouCode]

不管是哪个模型 不管哪个提示语，生成的页面都是一样的

[sparrowwht7]

@YouCode 是这样吗，需要在继续探索下，目前我自己试的英文的要比中文的好，OpenAI 比 Gemini 输出的好

[sparrowwht7]

@tonywangcn 好像是 next.js 会触发两次，临时这么写补救下，有点忘了具体我再瞅瞅

[bybyte]

gpt-4-vision-preview 好费钱，我都不敢用

[sparrowwht7]

@bybyte 有点贵，等等 OpenAI 啥时候能把价格打下来

[NouveauNom]

能生成 iOS 的代码吗（ object-c ）。

[sparrowwht7]

@NouveauNom 肯定可以，但是我着不太熟 object-c ，没有支持生成

[NouveauNom]

@sparrowwht7 #19 这个需要改哪里吗，或者是不是可以以插件的形式自己扩展

[ZhuWenJian]

能生成 Android 的 xml 代码么？

[ZhuWenJian]

建议放些 demo 示例，这样看的更直观。

[sparrowwht7]

@ZhuWenJian 应该都能生成

[sparrowwht7]

@ZhuWenJian 好，我研究下以什么形式放个示例

[sparrowwht7]

@NouveauNom 插件的形式我后面设计一个，object-c 的问题是可能没办法在 web 上预览

[himcheobeolx]

看着功能眼熟，点进 github 一看果然 star 过了，上个帖子留言说希望支持移动端，这就支持了，效率好高

[sparrowwht7]

@himcheobeolx 必须安排上，有时间多给些建议🙏，下一版主要优化输出效果赶超上 v0

[me1onsoda]

重复造轮子了吧，已经有一个 screenshot-to-code😂

[sparrowwht7]

@me1onsoda 跟 screenshot-to-code 也不一样吧，你用过 screenshot-to-code 吗？

[ShuaiYH]

对接了一个一键部署到 Zeabur 的功能，已联系楼主～

[sparrowwht7]

@ShuaiYH 牛👍