大数跨境
首页
>
AI x 体验科技，蚂蚁旗下多个开源项目迎来重大更新
>
0
0

AI x 体验科技，蚂蚁旗下多个开源项目迎来重大更新

AI x 体验科技，蚂蚁旗下多个开源项目迎来重大更新 蚂蚁开源
2025-12-01
0
导读：点击了解 Ant Design，AntV，Egg.js，Fluid Markdown 与 Neovate Code 最新进展

11 月 22 日，SEE Conf 蚂蚁终端体验科技大会上，蚂蚁带来了多个开源项目的全新发布。SEE Conf 2025 由蚂蚁终端技术委员会主办，以「探索 AI 时代的用户体验与工程实践」为主题，期待与业界同行共同分享和交流体验科技的最新进展，探讨切磋 AI 时代体验科技的未来发展，让生态繁荣共赢。


在本次大会上，Ant Design 和 Ant Design X 分别发布 6.0 和 2.0 版本，Egg.js 带来 4.0 版本特性，FluidMarkdown 发布鸿蒙端解决方案，Neovate Code 正式版全新发布，AntV 生态新成员 Infographic 也首次在开源社区亮相。我们将在本篇文章中和大家详细介绍最新版本技术升级和核心变化。

Ant Design

Ant Design 6.0

自开源以来，Ant Design 已收获 96.6K Star、累计 31.9K issue、20.7K PR、发布了 904 个 npm 版本，并有 2314 位贡献者共同参与其中。这些数字不仅代表着社区的活跃度与支持，也见证了项目的不断进化与成熟。


经过大量 RFC 讨论以及多个 Alpha 版本的迭代，v6 已进入稳定阶段。Ant Design v6 正式发布！


本次升级以技术侧深度优化为重点，旨在为 React 19 以及未来版本提供更好的兼容与性能（版本兼容提升至 React 18），并进一步完善组件的语义化结构和 CSS 变量支持。


与 v5 不同，这次升级是平滑版本迁移：

  • 如果你的项目已经运行在 v5，无需使用兼容包或 codemod 工具，即可直接升级到 v6。

  • v5 主分支将切换至 v5.x-stable 进入 1 年维护周期。

    除非出现特别严重的 Bug，我们不会再对 v5 进行功能性更新。

技术升级与核心变化

  • React 最低版本要求提升至 18

  • 纯 CSS Variables 样式架构

随着 IE 支持的彻底移除，v6 中的 @ant-design/cssinjs 默认采用纯 CSS Variables 模式。


性能对比如下，zeroRuntime 模式表现最佳（水平轴为主题数量）：

  • 全量组件语义化结构：v6 完成了所有组件的 DOM 语义化改造

  • 移除 v4 废弃 API：v6 移除了在 v4 废弃、v5 保留兼容的所有 API

新组建与功能增强

  • Masonry 瀑布流组件：用于图片展示、卡片流等场景

  • Tooltip 支持平移滑动：在多个提示内容之间开启平移滑动

  • InputNumber spinner 模式：常见的按钮平铺样式，便于用户直接点击交互

  • Drawer 支持拖拽

  • 蒙版模糊背景

升级指南

  • v6 对 v5 完全兼容，可直接升级。

    建议按警告替换废弃 API。

  • 项目需运行在 React 18 或更高版本。

  • 不再支持 IE。

未来计划

  • 优化移动端交互体验。

  • 增强无障碍（Accessibility）支持。

  • 跟进 React 新特性提升性能。

  • 更多新组件开发中，敬请期待。

Ant Design X 2.0

自去年 11 月 22 日 Ant Design X 1.0 发布以来，不少同学都选择 X 来开发 AI 应用。然而 AI 发展迅速、变化万千，在 X 落地过程中也发现不少需要优化的地方，同时结合社区同学的 ISSUE，在今年 4 月份我们开始规划 X 2.0 版本。


近日，Ant Design X V2 正式发布！本次升级的重点为：

  1. 底层依赖升级 Ant Design V6，同时将伴随 React 19 以及 CSS Variables 样式架构的升级。

  2. Ant Design X 2.0 升级为 monorepo 架构，拆分成三个子包：@ant-design/x、@ant-design/x-markdown、@ant-design/x-sdk，因此 Ant Design X 将升级为搭建AI应用的工具集。

技术升级

Ant Design 依赖升级到 V6，详情请看上文:Ant Design 6.0 

https://ant.design/docs/react/migration-v6-cn

新特性与功能增强

核心 UI 组件库（@ant-design/x）

基于 RICH 范式的 React UI 组件库，提供开箱即用的智能对话界面组件，提供原子化组件，支持灵活组合。

  1. 支持 TypeScript

  2. 组件语义化结构

  3. 国际化定制

  4. 深度主题定制

高性能 Markdown 流式渲染器（@ant-design/x-markdown）

专为 AI 流式场景打造的高性能 Markdown 渲染器。

useXChat

通过 Agent 进行会话数据管理，并产出供页面渲染使用的数据。

useXConversations

提供会话列表管理，多会话保持，包括会话创建、删除、更新等操作能力。

Chat Provider

内置了 DefaultChatProvider、OpenAIChatProvider、DeepSeekChatProvider 三个数据处理，同时可以自定义 Chat Provider 满足各种模型或者 agent 调用。

XRequest 和 XStream

将流请求和流处理迁移到 X-SDK。

升级指南

  • 确保 Ant Design 升级为 V6 版本。

  • 确保项目运行在 React 18 或更高版本。

  • @ant-design/x 相关升级。

    1. 我们对 Sender、ThoughtChain、Bubble 这三个组件进行了UI层面以及功能的全面升级，同时需要你参考应用页面设计来选取使用，因此无法使用统一工具兼容升级，但我们仍有一份文档（https://x.ant-design-x/docs/react/migration-v2-cn）可以帮助您升级。

    2. v2 版本已将 Tools 相关内容迁移到了 @ant-design/x-sdk，同时删除了 useXAgent，建议直接使用新的 useXChat，更多功能可看 X-SDK 官网文档（https://x.ant.design/x-sdks/introduce-cn/）。

  • 不再支持 IE。

未来规划

  • 基于 X 的 AI 应用脚手架 X-Pro。

  • AI 应用内容生成规范以及接入方案 ：x-card ，目前还在设计中具体内容后续会在 X Discussions 发布。

  • 根据不同的模型厂商提供更多内置的 Chat Provider。

  • 更多组件功能支持快捷键触发。

  • 此外还有一些新的组件：GenScroller（生成式滚动）、Artifacts（微型浏览器）等正在开发中，敬请期待。

AntV Infographic


AntV Infographic 是蚂蚁集团数据可视化团队 AntV 最新开源的信息图可视化引擎，作为一款声明式信息图渲染框架，其支持通过配置描述信息图，让数据叙事更简单、优雅、高效。本次开源包含信息图渲染引擎、内置 100+ 丰富模版及设计资产，以及 AI 信息图解决方案，欢迎开源社区用户体验并参与贡献。

核心特性

以下为重要特性简介，更多特性详见官网：

https://infographic.antv.vision/

声明式信息图渲染框架

声明式配置描述信息图，让数据叙事更简单、更优雅、更高效

JSX DSL 灵活定制开发

AI 轻松生成专业信息图

让 AI 理解文本，抽取关键信息并生成配置，一键渲染专业信息图。无需设计经验，AI 完成从内容理解到可视化呈现的全流程。

多样主题效果

一键切换风格，满足不同场景需求。

可视编辑，所见即所得

支持对渲染的信息图进行二次编辑，添加、删除数据项，新增图形等能力。

接入指南

AntV Infographic 作为一款基于 Javascript 的信息图渲染框架，支持在浏览器中渲染信息图。详见：


快速开始：

https://infographic.antv.vision/learn

入门指南：
https://infographic.antv.vision/learn/getting-started

  1. 安装

npm install @antv/infographic --save

  1. 创建信息图

import {Infographic} from'@antv/infographic';
const infographic = new Infographic({  container: '#container',  width: '100%',  height: '100%',  template: 'list-row-simple-horizontal-arrow',  data: {    items: [      {label: '步骤 1', desc: '开始'},      {label: '步骤 2', desc: '进行中'},      {label: '步骤 3', desc: '完成'},    ],  },});
infographic.render();

  1. 效果预览

未来计划

AntV Infographic 的愿景是：让信息图成为 AI 时代的视觉语言基础设施。


我们期待更多人能够参与到信息图创作中。后续我们会持续开源能力，包括：

  • 建立开放社区，鼓励开发者和设计师贡献优质模版和设计资产。

  • 开源信息图编辑器。

  • 提供前端框架封装组件，便于快速接入使用。

  • 推出云端设计平台，让非开发者参与创建专业信息图。

Egg.js 4.0


Egg.js 在 4.0 版本带来了全新的架构：基于领域驱动设计（DDD），全面支持 TypeScript，并引入“配置即约定”机制，打造更加现代化的编程界面。同时，4.0 原生支持 LangChain、LangGraph、MCP 等 AI 开发能力，让你的业务应用无缝接入智能工作流，欢迎开源社区用户体验并参与贡献。

核心能力

全新装饰器风格编程界面

Egg.js 4.0 采用全新装饰器风格编程界面，减少了你在编码时的众多负担，只用在当前的代码文件里，专注与你的业务开发。
https://www.eggjs.org/zh-CN/basics/di

import { HTTPController, HTTPMethod, HTTPMethodEnum, HTTPParam, SingletonProto } from'egg';
@HTTPController()exportdefaultclassSimpleController{  // 申明一个 GET /api/hello/:name 接口  @HTTPMethod({ method: HTTPMethodEnum.GET, path: '/api/hello/:name' })  asynchello(@HTTPParam() name: string) {    return {      message: 'hello ' + name,    };  }}
@SingletonProto()exportclassHelloService{  async hello(): Promise<string> {    return'hello';  }}

全新生命周期

Egg.js 4.0 在框架生命周期之上，新增对象生命周期，现在每个由框架管理的对象，你都可以通过他们的生命周期来管理，让整个项目，从框架到对象，在你面前都是透明可管控的。

AOP 切面编程

Egg.js 4.0 提供了 AOP 的能力，他比 koa 中间件更加强大，他可以放到类或者某个方法上，在对应的方法被触发时执行，而不像传统中间件需要通过某个变量来判断是否执行。
https://www.eggjs.org/zh-CN/basics/aop-middleware

AI 能力集成

Egg.js 4.0 集成了 MCP 和 LangChain，通过简单装饰器，可以直接构建自己的 MCP server 和 Agent。

升级指南

在旧版 Egg.js 项目中 config/plugin.js 开启 @eggjs/tegg-plugin 和 @eggjs/tegg-config 两个插件即可无缝升级。

exports.tegg = {  package: '@eggjs/tegg-plugin',  enable: true,}
exports.teggConfig = {  package: '@eggjs/tegg-config',  enable: true,}

未来计划

  • 内置多种 Agent 构建能力。

  • 支持 serverless 场景。

  • 新增最佳实践和入门教学视频。

FluidMarkdown


FluidMarkdown GitHub：

https://github.com/antgroup/FluidMarkdown


FluidMarkdown 自 25 年 9 月正式发布以来，受到了移动原生社区 iOS/Android 端开发者的广泛关注，已累计收获 280+Star。接下来，我们即将为开源社区带来面向鸿蒙平台的首款纯原生流式 Markdown 组件，为鸿蒙生态的开发者们提供更为流畅、灵活渲染体验的AI基建。欢迎大家使用鸿蒙平台 FluidMarkdown。

核心能力

完备的语法支持

鸿蒙版 FluidMarkdown 使用成熟、可靠、高性能的 Markdown 语法解析器，完全兼容 commonmark 等流行规范，为业务产品的研发演进提供了最为完备的语法层面支持。

可嵌入的纯原生渲染引擎

FluidMarkdown 基于 ArkUI StyledString，对 Markdown 场景的图文绘制进行了全面的封装，并扩展组件嵌入机制，引入 ArkUI 的Component 组件能力，使得表格、代码高亮等复杂交互效果也可以集成至 Markdown 组件中。

特色交互

流式输出

FluidMarkdown 内置了针对AI流式会话应用场景的流式输出效果，开箱即用的接入体验，助力业务为用户带来流畅、丝滑的 AI 交互体验。

集成指南

FluidMarkdown 无额外外部依赖，接入时只需将源码拷贝至目标项目工程即可。最小兼容版本：鸿蒙 api 版本不小于 15。

未来计划

  • 持续优化交互体验

  • 更贴近原生的数学公式渲染解决方案

  • 更多开箱即用的图文交互插件方案

Neovate Code


Neovate Code GitHub：
https://github.com/neovateai/neovate-code


距离 Neovate Code 在 25 年 9 月正式开源，不知不觉已经过去了两个多月。在此期间，我们迭代频繁，已更新 10 多个 minor 版。同时也贴近社区实践，加入包括 Spec 驱动和并行 Code Agent 在内的众多新功能。值得一提的是，Neovate Code 的开发团队也已使用 Neovate Code 作为主 Code Agent。

新特性与功能增强

Spec 驱动和脑暴模式

很多时候，Code Agent 效果不好是因为它“想都没想清楚就开始写”。为了解决这个问题，我们引入了完整的 Spec 驱动开发流。我们新增了 spec 相关的 4 个 slash command，分别是 brainstorm、save-design、write-plan 和 execute-plan 。同时，为了让大家随时切出 brainstorm，我们还增加了脑暴模式，可通过双击 shift+tab 切出。

并行 Code Agent

在处理多个需求时，如果在同一个上下文里来回切换，上下文很容易冲突，同时不能做到并行研发。为此我们新增了 workspace 子命令，它基于 git worktree 技术，能为你快速创建独立的工作空间。你可以为一个独立需求开启一个专属空间，让 Agent 在后台“并行”干活，既不阻塞当前主线任务，又保证了上下文的纯净和隔离。

log command 和 /context slash command

大家可能对 Code Agent 如何运行并没那么了解。为了让大家更清楚背后发生了什么，我们做了一系列“白盒化”努力。1）新增 log command，可通过可视化的方式查看 session 日志，包括请求请求，2）新增 /context slash command，用于了解当前 session 的上下文占比。

memory mode 和 bash mode

新增了两个模式，memory mode 和 bash mode。前者用于快速更新 AGENTS.md；后者用于执行 bash 命令，同时执行记录会被带入上下文。

升级指南

一键升级，体验最新功能。

npm i @neovate/code -g

未来规划

详见：

https://github.com/neovateai/neovate-code/issues/323 

  • Neovate Code Desktop，预计 12 月初

  • Sub Agent

开源是蚂蚁集团的核心技术战略。历经海量数据场景，蚂蚁集团自研了数据库、云原生、隐私计算、图计算为代表的数字化“根技术”，在人机交互、人工智能、分布式计算、安全可信等核心领域都有标志性的开源项目，综合项目活跃度和影响力在国内名列前茅。

点击【阅读原文】，体验蚂蚁开源项目

【声明】内容源于网络
0
0
蚂蚁开源
开放、平等、协作、共享，分享蚂蚁开源实践和文化
内容 330
粉丝 0
蚂蚁开源 开放、平等、协作、共享，分享蚂蚁开源实践和文化
总阅读411
粉丝0
内容330