工作方法
Streamdown 帮助智能体接入一款面向渐进式内容的 React Markdown 渲染器。它涵盖流式与静态模式、代码高亮、图表、数学符号及中日韩文本。这个 Skill 也说明了渲染内容的控制方式,包括复制操作、链接和自定义元素处理。
它的实际价值在于容易忽略的接入细节。源文档特别说明了 Tailwind 对包文件的扫描、数学公式所需的 KaTeX 样式,以及流式光标与 isAnimating 标志的关系。可选插件应根据界面真正需要呈现的内容添加。
预期交付物
- 连接到应用 Markdown 内容的 Streamdown 渲染器。
- 与已安装包匹配的插件及 Tailwind 配置。
- 对链接确认、允许的元素和交互控件作出的明确设置。
从简报到审查
- 01选择所需内容能力
确定回答是否需要代码、Mermaid、数学公式或中日韩文本支持。逐步输出的回答使用流式模式,完整文档使用静态模式。
- 02配置渲染与样式
安装所选包,并将其分发文件纳入 Tailwind 扫描。Tailwind v4 使用 @source 指令;v3 在配置中使用 content 条目。只添加已安装插件的路径。使用数学公式时导入 KaTeX CSS,再根据当前消息结构接入渲染器。
- 03检查流式表现与安全控制
为当前回答设置动画状态,检查自定义 HTML、URL 处理与链接确认。同时检查未完成回答和最终完整内容。