正在打开每日关注
shiki-stream：让 LLM 流式代码持续高亮
用 Shiki 将 LLM 文本流增量转换为可消费的语法高亮 token，并提供多框架渲染器。
来源摘录
尤雨溪团队的 Vue 核心成员直接把 AI 输出代码的乱码痛点给给干掉了。 以前用 AI 生成代码，那个实时打字的效果总是“先出现纯文本，过两秒忽然闪一下变成彩色高亮”，眼睛都快看瞎了。Antfu 刚出的这个 shiki-stream 直接把流式渲染高亮给解决了，边打字边毫秒级渲染高亮，顺滑得像在看 Code Visualizer。 来自 GitHub（开源协议 MIT），虽然刚出来，但前端和 AI 圈子已经传开了。 AI 实时打字极速高亮：LLM 输出流走到哪，语法高亮就跟到哪，零延迟闪烁 零配置开箱即用：基于顶级的 Shiki 引擎，完美兼容 VS Code 主题 内存占用极低：专为实时流优化，就算长文本生成也不卡顿崩溃 前端白嫖党狂喜：做 AI Chat 客户端、Code Agent 界面必配的基建工具 链接兄弟们直接看： GitHub: https://t.co/F7zOyNB492
深度解析
是什么
README 将它定义为基于 Shiki 的流式高亮工具，适用于 LLM 输出等文本流。它通过 CodeToTokenTransformStream 把 ReadableStream<string> 转成持续输出的主题化 token，让消费者在文本尚未完成时就能逐步更新高亮；仓库元数据显示采用 MIT，637 stars，并已迁移到 @shikijs/stream。
核心设计
难点在于代码上下文变化会让既有着色失效。默认模式只输出稳定 token，粒度较粗、通常按行推进；开启 allowRecalls 后，可发送 recall token，通知消费者撤回指定数量的旧 token，再接收修正结果。Vue、React、Solid 渲染器降低接入成本；ShikiCachedRenderer 仍属实验性，README 只提供 Vue 示例，React 标为 TODO。
关键洞察 它将流式生成、语法高亮和 UI 渲染拆开，适合 AI Chat、Code Agent、代码预览等需要“边生成边可读”的界面。4.2.0 起旧包只是薄再导出，新代码应直接引用新包。
边界与风险 README 没有性能基准、内存数据或完整错误处理说明，不能仅凭宣传判断零延迟、长文本稳定性。recall 会引入状态回滚复杂度；语言、主题初始化和实验性缓存渲染都应在目标产品中实测。