嘿老兄。

当聊天记录被塞进一个静态框里。

你kan那种等待满页才刷新显示的体验。

感觉像是在跟机器人打旧版打字机。

而且它根本不Neng渲染按钮卡片图片啥的。

想想Ru果聊天里直接出现可点按钮会怎样？

这就是我们要跑到全新的方向。

Ai 一边思考一边把文本逐个字符推送出去。

User 在前端用 EventSource 接收这条事件流。

Ai 返回的数据包里每个消息dou有自己的状态字段。

被替换成真正的状态值后就Neng知道是 loading 或 done 。

I 在读到 Ant Design X 的 markdown 渲染器后突然灵光闪现。

x‑langjs 是一个脚本语言，让 AI Ke以在回复里画出 UI 组件。

x‑langjs 在设计时避免了与 React 深度绑定的问题。

Ai 用这个方案Neng在 Vue + Element 环境下同样运行无缝切换。 Nesting List Challenge

Ai 在渲染嵌套列表时会先发出半成品标记.

{text} // 半成品示例代码块
const renderer={
    code{
        return `${text}
`
    }
}

{escapedCode}

This way 浏览器就Neng识别“半成品”并Zuo渐进渲染了！ P 我们甚至Ke以在加载中给用户放 Lottie 动画来缓解等待焦虑。 P 真正Zuo完以后页面完全交互可点击哦~ P 所以说没必要再去绑 React ，只需轻量写个插件就行啦！ TTS 与 Streaming 并行

Baidu 大模型开始支持流式音频输出。 P 移动端 App 用 RTC 把用户语音实时推到服务器。 P 服务端把音频分帧通过 SSE 推送给前端。 P 前端解码后即时播放，让人感受到语音交互同样无延迟。 P 对车载咖啡厅场景尤为适合，因为噪声多仍Neng稳稳识别指令。

Clever 地把 TTS 与文字流结合起来把“正在回答”这句话变成视觉与听觉同步体验。 P 效果简直好到令人怀疑是不是魔法。

Bare Minimum Implementation Demo

// 前端监听 EventSource

{

${e.data}