streamdown

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

1|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/ojpbarbosa/treehacks-26 --skill streamdown-ojpbarbosa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: streamdown
Source: https://github.com/ojpbarbosa/treehacks-26/tree/main/worker/skills/streamdown
Command: npx skills add https://github.com/ojpbarbosa/treehacks-26 --skill streamdown-ojpbarbosa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes assets (resource) components.

What problem does it solve?

Streamdown provides streaming-optimized Markdown rendering with syntax highlighting, Mermaid diagrams, math rendering, and CJK support, enabling live AI interfaces to display rich Markdown progressively.

Core Features & Use Cases

  • Streaming rendering with per-block memoization and carets for real-time AI chats.
  • Plugin ecosystem (code highlighting, mermaid diagrams, KaTeX math, CJK text) for interactive content.
  • Use cases include AI chat UIs, documentation dashboards, and live-demos where Markdown content arrives in chunks.

Quick Start

Install Streamdown in your React project and wrap your Markdown with the Streamdown component to begin streaming content.

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 content in real-time for AI chat interfaces?

You can render streaming Markdown in real-time by using a React component that supports per-block memoization, allowing AI chat UIs to display rich content progressively as chunks arrive.

Does this streaming Markdown renderer support syntax highlighting and Mermaid diagrams?

Yes, the streaming Markdown renderer supports syntax highlighting for code blocks, Mermaid diagrams, KaTeX math rendering, and CJK text through its integrated plugin ecosystem.

How do I display Markdown chunks arriving progressively in a React dashboard?

To display progressive Markdown chunks in a React dashboard, wrap your content with a streaming Markdown component that features per-block streaming and carets to show real-time text generation.

Can I use this markdown renderer with React projects without external dependencies?

Yes, you can integrate this streaming Markdown renderer into your React project by installing it directly, as it operates with no external dependencies to begin streaming content.

What safeguards are included for rendering live AI Markdown content safely?

Safeguards for rendering live AI Markdown content include link safety protections and rehype plugins, ensuring that streaming content from AI models is displayed securely in applications.

When do I need a streaming-optimized Markdown renderer instead of a standard one?

You need a streaming-optimized Markdown renderer when building live demos, documentation portals, or AI chat dashboards where Markdown content arrives dynamically in chunks rather than all at once.