1122蚂蚁前端体验技术日流水账

690 阅读4分钟

1122 参加了蚂蚁前端开放日,这次前端开放日的主体是【前端.AI】。

image.png

ChatGPT 之后,AI 就一直爆火,正好自己也比较关注,也想看看蚂蚁的前端团队都做了什么。1122 又恰好是周五,就当给自己放个短假。

image.png

美女主持开场,接下来开始流水账。


LUI 专题

LUI,自然语言交互界面,应用的输入是一个简单的输入框,但输出就变的不难么简单。

首先分享的是支小宝中 LUI 案例,前端制作了很多种卡片模板,结合用户输入,大模型解析输入根据答案选择合适的模板,最终输出给用户。大模型如何根据答案选择合适的模板是个难点。

这是不是可以看做是一个卡片模板类的领域模型😂。

还是得靠前端定协议写组件😎。

接下来乱入一名产品经理的分享,宣传产品而来,和 coze 这些属于一类产品。访问戳 tbox.alipay.com/pro-about

最后关于 Ant Design X,不得不说,在 UI 这一块 Ant Design 是真的走的很快。提供构建 LUI 应用所需要的 UI 组件和工具,感兴趣直接戳官网吧:x.ant.design/index-cn

@ant-design/x 是一个专注于 React 生态的先进 AI 组件库,旨在简化与人工智能集成的开发过程。我们的库包括高度定制化的 AI 组件,允许开发者轻松地将对话 AI 集成到他们的应用中。除了丰富的 UI 组件,@ant-design/x 还提供了一揽子 API 解决方案,支持开发者通过令牌认证直接接入现有 AI 服务,无缝衔接与 AI 的对话和交互。无论是建立智能聊天应用、提升用户交互体验还是加快 AI 能力的集成,@ant-design/x 都是 React 开发者进入 AI 世界的理想伙伴。

AntV 专题

AntV 久仰大名,但对可视化不太熟悉,简单记录一下。

首先是同济大学设计创意学院的副院长探讨了数据可视化如何更好的给用户传达信息,也就是数据叙事的能力。图表越来越花哨的今天,如何让用户快速读懂图表的含义确实很重要。他们团队除了理论研究,也做了很多技术上的事情,包括大模型。

接下来三个分享都是关于 AntV。

1122 恰好是 AntV 的品牌日,很难想象 AntV 是一个 2017 年开始的项目,很难不为这份坚持感动!可以关注他们的公众号,有时候结合热点做的一些图表还挺有意思的。

接下来一个是 GPT-Vis 的分享,官网戳:gpt-vis.antv.vision/。目前看起来也是大量应用于支小宝的卡片中,算是 AntV 在 LUI 的一个应用。

一个是关于时空智能体应用的分享,地图可视化相关的应用,比如旅游规划等。周末出门吃饭,在高德和大众点评两个App之间跳来跳去的时候,突然感觉这个很有用。

智能研发专题

这次最感兴趣的话题,毕竟身为牛马前端,切图是开发中占比最高的工作了。

image.png

第一个分享,照例是宣传产品,产品名字 WeaveFox,基于蚂蚁百灵多模态大模型训练的 UI 领域大模型。只需给一张设计图片,就可以输出前端、客户端、小程序代码,想想还是激动的。只希望这个功能不要被产品经理或者PM知道,那不得狠狠加大工作量😭。

image.png

接下来分享了 WeaveFox 的功能和使用方式。

最后分享的是前端领域大模型的设计与思考。

image.png

大家看图吧,我看不懂。😇

坐等 WeaveFox 对外测试。其实我对输出的结果要求不高,不求样式完美还原,组件结构正确,帮我定义好那些变量和样式名字,我就觉得非常Ok了!

开源专题

image.png

这个专题是蚂蚁的三个开源产品的分享。上图是当时抽奖的一个照片,如果你在现场看过抽奖的整个动画,会更有体感。这个动画就是使用开源项目 galacean effects 制作的。

接下来是 libro,灵活定制、轻松集成的 Notebook 产品方案,github 戳:github.com/difizen/lib…

最后一个 petercat,一个专门给 github 做的 AI 应用,github:github.com/petercat-ai…。这个应用可以帮助你做 QA,提 issue,建 PR。

感叹一下,蚂蚁的开源氛围真的不错!