markstream-vue：為 AI 聊天與 LLM 令牌串流提供無閃爍的 Markdown 渲染器

它解決了什麼問題

典型的 Markdown 渲染器是為完成的文件設計的，當渲染仍在產生的文字（例如透過 SSE 或 WebSocket 的 AI 聊天回應）時，會出現閃爍與效能問題。Markstream 提供一種穩定、無閃爍的方式，即時渲染不完整的 Markdown 狀態。

它是如何運作的

Markstream 使用專為串流內容設計的渲染引擎。它提供兩種主要模式：針對長文件的虛擬視窗，以及用於「打字」效果的增量批次。它可以處理原始 Markdown 字串或預先解析的節點，並支援對 Mermaid 圖表與程式碼區塊（透過 Monaco/Shiki）等大型元素的漸進式渲染。

適用對象

開發 AI 聊天介面、LLM 驅動的應用程式，或任何需要使用 Vue 3、Nuxt、React、Svelte 5 或 Angular 進行串流文字輸出的 UI 的開發者。

重點特色

• 串流優先設計：專門打造以最小化閃爍，並在 AI 令牌串流期間維持可預測的記憶體使用量。
• 多框架支援：提供 Vue、React、Svelte 與 Angular 的專屬套件。
• 漸進式渲染：支援隨內容增長而更新的程式碼區塊與圖表（Mermaid）。
• 豐富整合：可選的 KaTeX（數學）、Monaco（程式碼編輯器）與 Shiki（語法高亮）支援。
• 彈性模式：包含 chat 模式以保持穩定節奏，及 docs 模式以提供更豐富的版面配置。