开源白板+AI:画出UI需求,自动获得代码

大家好,我是TJ

一个励志推荐10000款开源项目与工具的程序员

不知道大家是否还记得,TJ之前有推荐过一个开源的协作式数字白板:tldraw

昨天,TJ发现了一个更有意思的东西:DrawAUI。它一个基于tldraw的扩展开源项目,既然是扩展,那肯定实现了更强的能力。

DrawAUI将gpt-4-vision的api加入了tldraw,使得协作式白板除了描述需求的能力之外,还能利用AI来理解需求,并直接产生前端代码。

真的有这么神奇吗?下面通过一个小视频来体验这个神奇的能力:

通过一步步描述和迭代想要实现的UI效果,利用AI来实现和逐步优化,最终产生HTML,是不是很神奇呢?

最后,奉上相关地址,感兴趣的快去体验一下吧:

  • DrawAUI官方网站:https://draw-a-ui.com/
  • DrawAUI开源项目:https://github.com/SawyerHood/draw-a-ui


往期推荐

推荐一个Node.js多版本管理的可视化工具
Redis创始人开源最小聊天服务器,仅200行代码
效率拉满!浏览器自动化操作插件:Automa
又一款优秀的开源Markdown编辑器,太秀了


点击下方卡片,关注公众号“TJ君

每天了解一个牛x、好用、有趣的东东

点击阅读原文直达推荐专题页面

相关推荐

  • Spring Boot 3.x 最简集成 Spring Doc-OpenApi
  • Vite 5.0 正式发布,整了哪些活?
  • 请珍惜现在的工作机会
  • 被誉为 JavaScript 中 最难最常见 的手写题之一!!!
  • vue props的不规范使用破坏了props的单向数据流动
  • 15篇MyBatis-Plus系列集合篇「值得收藏学习」
  • 总结了十个Vue3超级实用但是很冷门的API
  • 11月24日,OC城市行·深圳站「操作系统与AI技术应用实践沙龙」邀你参与!
  • 99%的程序员容易忽视的“系统”健康问题
  • 纯CSS实现炫酷文本时钟
  • 和小伙伴们仔细梳理一下 Spring 国际化吧!从用法到源码!
  • 在农村,谁家孩子在华为、腾讯、阿里、字节上班,亲朋乡邻羡慕不已,年薪百万
  • 全新升级!Supabase 与 Next.js 14 的完美融合
  • 2024年不容错过的网站开发技术新趋势
  • 揭秘Java中的瑞士军刀——ArrayList源码解析
  • 轻量级文件快递柜,像拿快递一样取文件
  • 微软230页报告,像素级评估GPT-4前沿科研能力:潜力无限速速上车!
  • 起底OpenAI「国王」Ilya:师从Hinton,为了他,马斯克与谷歌创始人彻底决裂
  • OpenAI 505员工联名逼宫请奥特曼回归,Ilya痛悔赶走CEO!威胁董事会立即解散,否则集体跳槽微软
  • GPT-4V医学执照考试成绩超过大部分医学生,AI加入临床还有多远?