Communitygithub.com

vercel/streamdown

實作、配置與自訂 Streamdown — 一個針對串流最佳化的 React Markdown 渲染器,支援語法高亮、Mermaid 圖表、數學公式渲染以及 CJK 字元。

streamdown 是什麼?

Streamdown 是一個專為串流環境設計的 React Markdown 渲染庫,特別適合與 Vercel AI SDK 等 AI 串流工具整合。它支援語法高亮(透過 Shiki)、Mermaid 圖表、LaTeX 數學公式(KaTeX),以及 CJK 字元的最佳化顯示。其核心特色在於能夠增量渲染 Markdown 內容,在串流過程中即時顯示文字、程式碼區塊與圖表,無需等待完整回應。此技能涵蓋 Streamdown 的安裝、外掛配置(程式碼、Mermaid、數學、CJK)、樣式主題自訂、安全性設定(連結安全、自訂 HTML 標籤)、以及與 AI 聊天/串流服務的整合。同時也提供 Tailwind、Shiki 或 Vite 等常見問題的疑難排解指引。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/vercel/streamdown/tree/main/skills/streamdown

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

streamdown 是做什麼的?

實作、配置與自訂 Streamdown — 一個針對串流最佳化的 React Markdown 渲染器,支援語法高亮、Mermaid 圖表、數學公式渲染以及 CJK 字元。當需要進行 Streamdown 的設定、配置、外掛、樣式、安全性,或與 AI 串流(例如 Vercel AI SDK)整合時使用。觸發時機: (1) 安裝或設定 Streamdown, (2) 配置外掛(程式碼、mermaid、數學、cjk), (3) 設計或佈景 Streamdown 輸出, (4) 整合 AI 聊天/串流, (5) 配置安全性、連結安全或自訂 HTML 標籤, (6) 使用插入符號(carets)、靜態模式或自訂元件, (7) 疑難排解 Tailwind、Shiki 或 Vite 問題。

相關技能