skills.rest
dashkan
dashkanCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/dashkan/pivox-server --skill streamdown-dashkan
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
durable-streamsdurable-streams
1.7k

getting-started

Initialize Durable Streams with offset handling and live updates.

Official
Intermediate
musingfoxmusingfox
2

doc-render-beauty

Convert Markdown documents into HTML pages with pre-rendered Mermaid diagrams.

Community
Advanced
CleanExpoCleanExpo
1

Markdown Processor

Parses, transforms, and renders Markdown/MDX with remark, rehype, and Shiki.

Community
Intermediate
ojpbarbosaojpbarbosa

streamdown

Render streaming Markdown content in real-time for AI apps.

Community
Intermediate