vercel/streamdown

解决的问题

解决从 AI 模型流式传输 Markdown 内容时出现的格式问题。标准的 Markdown 解析器在处理不完整或未终止的块（例如尚未完成流式传输的代码块）时常常表现不佳，导致视觉上突兀的格式错误。Streamdown 通过优雅地处理这些部分块，提供无缝的渲染体验。

工作原理

Streamdown 是 react-markdown 的即插即用替代品。它使用 remend 解析未终止的块，并通过记忆化渲染确保在 AI 新令牌到达时高效更新。它还集成了多种插件，以支持数学公式和图表等特殊内容。

适用人群

正在构建 AI 聊天界面或向 React 前端流式传输 LLM 响应的应用开发者。

核心亮点

• 流式优化：专为处理不完整的 Markdown 块而设计，避免布局崩溃。
• 丰富内容支持：支持 GitHub 风格 Markdown（表格、任务列表）、通过 KaTeX 支持 LaTeX 公式，以及 Mermaid 图表。
• 开发者体验：可作为 react-markdown 的直接替代品轻松集成，内置 Shiki 语法高亮支持。
• 安全性：使用 rehype-harden 确保内容安全渲染。