streamdown

Render streaming Markdown with syntax highlighting, Mermaid diagrams, and math.

1|Updated Mar 21, 2026

Search Tags:#markdown #security #mermaid #streaming #syntax-highlighting #renderer

Ready to run

npx skills add https://github.com/dashkan/pivox-server --skill streamdown-dashkan

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: streamdown
Source: https://github.com/dashkan/pivox-server/tree/main/.agents/skills/streamdown
Command: npx skills add https://github.com/dashkan/pivox-server --skill streamdown-dashkan

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) and references (resource) components.

What problem does it solve?

Streamdown provides a streaming-friendly Markdown renderer with built-in syntax highlighting, Mermaid diagrams, and math rendering for live content in AI-assisted UIs and docs.

Core Features & Use Cases

Streaming Markdown rendering with plug-in architecture (code, mermaid, math, cjk).
Safe, live content; supports interactive controls, Tailwind styling, and AI streaming integration.
Use cases include chat UIs, live docs, and blogs requiring streaming Markdown output.

Quick Start

Install and wire Streamdown in your app to render Markdown as live streams.

Frequently Asked Questions about streamdown

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I render streaming Markdown with Mermaid diagrams and math in an AI chat UI?▼

Streaming Markdown rendering is handled by a plugin-based architecture supporting code, Mermaid, math, and CJK integrations. It processes live AI streaming content to display diagrams and math formulas safely for interactive chat UIs.

Is it safe to render live streaming Markdown content from AI models?▼

Live streaming Markdown is rendered safely using built-in security integrations like rehype-sanitize and rehype-harden. These components clean incoming content to prevent security vulnerabilities in live documentation and AI chat UIs.

Can I use streaming Markdown rendering for live blogs and documentation?▼

Streaming Markdown rendering is applicable for live blogs and live documentation that require live streaming Markdown output. It supports interactive controls and Tailwind styling to display content dynamically as it streams.

What is the best way to display syntax highlighting in streaming Markdown?▼

Streaming Markdown rendering includes built-in syntax highlighting through its plugin architecture. This allows code blocks to be formatted and highlighted dynamically as the live content streams into the UI.

Does streaming Markdown rendering support Chinese, Japanese, and Korean text?▼

CJK integrations are supported within the streaming Markdown renderer's plugin-based architecture. This ensures that Chinese, Japanese, and Korean text renders correctly during live streaming content output.

How does streaming Markdown rendering handle interactive UI controls?▼

Streaming Markdown rendering features configurable UI controls and Tailwind styling. This allows developers to wire the renderer into their app to provide interactive user experiences during live AI streaming content output.