streamdown

Name: streamdown
Availability: InStock
Author: remiconnesson

Render Markdown in React with streaming AI responses and syntax highlighting.

Updated Nov 23, 2025

Search Tags:#markdown #security #react #ai #streaming #syntax highlighting

Ready to run

npx skills add https://github.com/remiconnesson/v0-video2md --skill streamdown-remiconnesson

💬 Prompt for ChatGPT / Claude Chat▼

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

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

This Skill provides a highly optimized and feature-rich React component for rendering Markdown, specifically designed for streaming AI responses, offering enhanced security, interactivity, and customization.

Core Features & Use Cases

Streaming-Optimized Rendering: Efficiently displays AI-generated text as it arrives, with features like animated carets.
Rich Plugin Support: Integrates syntax highlighting (Shiki), Mermaid diagrams, and LaTeX math rendering.
Enhanced Security: Includes robust options for sanitizing HTML, controlling link behavior, and preventing XSS attacks.
Use Case: Integrate this Skill into a chat application to display AI responses in real-time, complete with code blocks, diagrams, and safe link handling.

Quick Start

Use the streamdown skill to render the markdown content with code syntax highlighting enabled.

Frequently Asked Questions about streamdown

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

FAQPage Schema

How do I render streaming AI responses in React with markdown?▼

Rendering streaming AI responses in React requires a component built to handle incremental text arrival, displaying markdown with animated carets as tokens append in real time.

Does this React markdown renderer support syntax highlighting and Mermaid diagrams?▼

Yes, the React markdown renderer supports syntax highlighting via Shiki, Mermaid diagram rendering, and LaTeX math rendering through integrated plugin support.

How can I sanitize markdown HTML to prevent XSS attacks in a React application?▼

You can sanitize markdown HTML and prevent XSS attacks in React by configuring a renderer with built-in HTML sanitization and configurable link safety options.

Can I customize markdown rendering components and plugins for my React chat application?▼

Yes, you can customize markdown rendering for your React chat application using configurable component overrides and a flexible plugin architecture.

What is the best way to display real-time AI generated text with code blocks in React?▼

The best way to display real-time AI generated text with code blocks in React is using a streaming-optimized markdown renderer that supports syntax highlighting.

Why does markdown streaming cause rendering issues in standard React components?▼

Standard React markdown components lack streaming optimization, causing rendering issues with incomplete syntax; a streaming-optimized renderer resolves this by handling partial text.