用途:Streamdown 是 Vercel 推出的、为 AI 流式应用优化的 react-markdown 直接替代方案,用于渲染 AI 生成的 Markdown 内容。
主要能力:通过 remend 预处理器处理不完整 Markdown;支持 GFM、KaTeX 数学公式、Shiki 语法高亮(200+ 语言)、Mermaid 图表与交互控件、CJK 强调处理;提供 streaming 与 static 两种渲染模式;可通过 rehype-harden 限制链接与图片协议。
使用方式:安装命令为 pnpm add streamdown,或通过 pnpm dlx ai-elements@latest add message 安装。Tailwind v4 需在 globals.css 添加 @source "../node_modules/streamdown/dist/.js";v3 需在 content 中加入 './node_modules/streamdown/dist/.js'。基本用法:import { Streamdown } from 'streamdown',以 children 传入 Markdown 文本,并可用 isAnimating、mode、shikiTheme、controls、mermaid、components 等属性配置。
适用场景:AI 聊天响应、博客文章与文档渲染。流式模式适合 AI 聊天,静态模式适合预渲染内容。
限制:资料未提供收费、价格或效果相关说明。版本要求 React 18+(针对 React 19 优化),AI SDK 面向 v6。Scanner 命令需本地运行:python3 skills/streamdown/scripts/ai_stack_scan.py --root <repo> --pretty。