第一时间获取技术干货和业界资讯!

☞ 免费CSDN资料帮下服务 | 免费加群 ☜

开源会上瘾,你看阿里,接二连三“搞事情”,一年都不知道开源了多少产品了。

最近阿里有发布了 imgcook 社区体验版。该产品经过淘宝前端团队内部近 2 年的打磨。目测又要有不少前端程序员毕业吧!

imgcook 是专注以各种图像(Sketch/PSD/静态图片)为原材料烹饪的匠心大厨,通过智能化手段将各种图像一键生成可维护的 UI 视图代码,期望此 imgcook (图像大厨) 未来能够成为一位 P5 级别的重构工程师,能切实提高开发的开发效率,并助力开发、设计师、测试的高效协作,淘宝期望 imgcook 做到:

  • 100% 还原【设计师再也不用还原走查了】

  • 100% 兼容【测试再也不用适配样式了】

  • 一键上线【开发再也不用切图写样式了】

imgcook 的愿景:能够高度还原各种图像,释放 UI 开发生产力,让你关注更具挑战性的事情!


对于 AI 编程来说,imgcook 不是第一个,也绝不是最后一个。早前微软就已经宣布 AI 编码 Sketch2Code 了,具体可以看我的这篇文章《微软开源的 Sketch2Code(草图变代码,AI编码,AI开发) 是个什么东东?》。

话说回来,淘宝 imgcook 主要解决的问题是:使用图像生成代码的时候,我们关心的不仅仅是生成 UI 的还原度,也关心生成的代码是否合理、可维护,如果生成的代码属于不可读不可维护的快餐代码,开发使用上再对其进行二次开发就会显得极为艰难,而往往后者的难度相比前者更甚,如果需要在生产环境中使用,这个问题就无法避免。

对此,imgcook 的定位就在于解决 UI 还原以及生成可维护代码的问题。

对于可维护性代码的问题,imgcook 会对还原后的 UI 在代码层面上生成目前使用比较广泛的 Flexbox 布局以及相对定位布局,在一些自定义的命名上(比如样式命名),imgcook 也会根据开发者的习惯生成更加人性化的命名。

目前 imgcook 推出的社区体验版,除了有 Sketch 版插件,还有基于在线编辑的 web 版。web 版体验地址是:https://imgcook.taobao.org/project。

imgcook 是不是有夸张的成分,快来一起试一试吧!

©著作权归作者所有:来自51CTO博客作者mob604756f06ed8的原创作品,如需转载,请注明出处,否则将追究法律责任

更多相关文章

  1. 课程表、用户表单代码
  2. 强大!Nginx 配置在线一键生成“神器”
  3. 使用代码检查Dynamics 365中的备用键状态
  4. 顶踩投票功能,你大概要敲多少代码才能搞定【付源码】
  5. Dynamics 365使用代码发送邮件给指定邮箱地址
  6. 一种提升连接Dynamics 365性能的方法
  7. 2021-03-20:给定一个二维数组matrix,其中的值不是0就是1,返回全部由
  8. 课程表学习代码发布
  9. Java并发编程学习笔记2

随机推荐

  1. JavaWeb中GET请求url传参中文乱码问题
  2. 黑马程序员-异常小结
  3. 如何在泽西Rest Webservice中接受json数
  4. 栅栏(CyclicBarrier类)的用法
  5. java多态及其与c++的差异
  6. [JS] JavaScript框架(2) D3
  7. Spring Bean类可以包含静态方法吗?
  8. Java,Socket&TCP编程 实现多线程端对端通
  9. spring data RedisTemplate无效果
  10. jswdk/jsdk/jdk到底分别是什么东西