最近有时间写写开源项目，花了两天时间把screenshot-to-code的后端代码改成了node 开源地址，用了一天时间研究了下腾讯云部署，把项目成功部署到腾讯云，这两天为ant-codeAI增加了自定义prompt 例子的新能力，让输出的代码更可控更有用武之地。
二、新功能介绍使用其他功能可以参考这篇文章：点这里
新增prompt 示例功能是因为输出的代码和希望输出的代码不符，所以通过提供示例的方式让openAI输出相似的代码。下面来看下添加示例后的效果：
示例一1.原图
生成的网页，图片右侧
输出的代码：
https://github.com/sparrow-js/ant-codeAI/blob/main/example/row-form-1.html
3.使用prompt 示例：生成的网页，图片右侧
输出的代码:
https://github.com/sparrow-js/ant-codeAI/blob/main/example/row-form-2.html
示例二1.原图
输出的代码：
https://github.com/sparrow-js/ant-codeAI/blob/main/example/table-Edit-1.html
3.使用prompt可见使用prompt后Edit是可以有逻辑的。prompt详情内容可以点击小锤子查看。
输出的代码：
https://github.com/sparrow-js/ant-codeAI/blob/main/example/table-edit-2.html
三、录入prompt
- promp example：prompt 的示例，（必填项）
- prompt name：展示的名称（非必填）
- prompt des：详情（非必填）
- prompt img url：展示的图片地址
- 输出内容不稳定可能相同的输入信息每次返回的信息不一样。
- prompt 目前的调试成本比较高，调好一个prompt需要多次请求openAI尝试。
- 对于前端开发来说，辅助开发可以，看接受度是否愿意尝试使用还是完全自己手写。
- 需要支付费用，每次调用openAI 接口大概需要0.3元。
- 英文截图生成的效果比中文截图好，截图上的中文文字读取错误高。
- 对于运营，对还原效果有一定容忍度可以作为运营生成静态页面推广文章等用途使用。
更多能力持续解锁探索中，openAI非常依赖prompt的质量，逐步优化丰富中，欢迎大牛提供宝贵意见开拓思路，共同丰富prompt，如果感兴趣也可以一起合作试试。
源代码地址：https://github.com/sparrow-js/ant-codeAI
