streamdown
✓Vercel 的 Streamdown 库的专家指南 - AI 应用程序的流优化的 React-Markdown 替代品。 在以下情况下使用：(1) 从 useChat/streamText 渲染 AI 生成的 markdown， (2) 使用流式响应构建聊天 UI， (3) 从react-markdown迁移到流友好渲染， (4) 配置代码块 (Shiki)、数学 (KaTeX)、图表 (Mermaid)、 (5)处理AI Streaming期间不完整的Markdown（修正预处理器）， (6) 使用 Tailwind/CSS 变量自定义 Markdown 样式， (7) 通过 rehype-harden（链接/图像协议）保护 AI 输出。 触发器：Streamdown、流式 Markdown、AI 聊天 Markdown、React-Markdown 替换、 AI元素响应、不完整降价、推荐、Shiki主题、美人鱼图、 KaTeX 数学、rehype-harden、isAnimating、markdown 流。
SKILL.md
Streamdown is a drop-in react-markdown replacement designed for AI-powered streaming applications. It handles incomplete markdown syntax gracefully using the remend preprocessor.
| children | string | required | Markdown content to render | | isAnimating | boolean | false | Disables interactive controls during streaming | | mode | "streaming" \| "static" | "streaming" | Rendering mode | | shikiTheme | [BundledTheme, BundledTheme] | ['github-light', 'github-dark'] | Light/dark syntax themes |
| controls | ControlsConfig \| boolean | true | Button visibility for code/table/mermaid | | mermaid | MermaidOptions | {} | Diagram configuration | | components | object | {} | Custom element overrides | | className | string | "" | Container CSS class | | remarkPlugins | Pluggable[] | GFM, math, CJK | Markdown preprocessing |
可引用信息
为搜索与 AI 引用准备的稳定字段与命令。
- 安装命令
npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown- 分类
- </>开发工具
- 认证
- ✓
- 收录时间
- 2026-02-01
- 更新时间
- 2026-02-18
快速解答
什么是 streamdown？
Vercel 的 Streamdown 库的专家指南 - AI 应用程序的流优化的 React-Markdown 替代品。 在以下情况下使用：(1) 从 useChat/streamText 渲染 AI 生成的 markdown， (2) 使用流式响应构建聊天 UI， (3) 从react-markdown迁移到流友好渲染， (4) 配置代码块 (Shiki)、数学 (KaTeX)、图表 (Mermaid)、 (5)处理AI Streaming期间不完整的Markdown（修正预处理器）， (6) 使用 Tailwind/CSS 变量自定义 Markdown 样式， (7) 通过 rehype-harden（链接/图像协议）保护 AI 输出。 触发器：Streamdown、流式 Markdown、AI 聊天 Markdown、React-Markdown 替换、 AI元素响应、不完整降价、推荐、Shiki主题、美人鱼图、 KaTeX 数学、rehype-harden、isAnimating、markdown 流。 来源：bjornmelin/dev-skills。
如何安装 streamdown？
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code 或 Cursor 中使用
这个 Skill 的源码在哪？
https://github.com/bjornmelin/dev-skills
详情
- 分类
- </>开发工具
- 来源
- skills.sh
- 收录时间
- 2026-02-01