vercelvercelOfficialยท1 Agent Skills Included

streamdown

Render streaming AI Markdown in React without broken formatting

Renders streaming Markdown from AI models in React apps without broken or half-finished formatting. Handles incomplete bold, links, code blocks, and tables gracefully while tokens are still arriving. Adds syntax highlighting, Mermaid diagrams, math equations, and CJK text support through optional plugins. Includes built-in security hardening and link safety checks so AI-generated content renders safely.
npx skills add vercel/streamdown --all -g -y

All Skills in This Repository (1)

Pure Emerald Level Indicators

Frequently Asked Questions

FAQPage Schema
How to install Streamdown?โ–ผ

Run `npx skills add vercel/streamdown --all -g -y` in your terminal to install the Streamdown skill globally for your AI agent.

Why does streaming Markdown break in React?โ–ผ

AI models send Markdown token by token, so bold markers, links, and code blocks often arrive incomplete. Streamdown auto-completes these unfinished blocks so the output never flickers or breaks.

Does Streamdown work with the Vercel AI SDK?โ–ผ

Yes. It pairs directly with useChat from the AI SDK and animates responses smoothly while messages are still streaming.

Can Streamdown render code, math, and diagrams?โ–ผ

Yes. Optional plugins add Shiki syntax highlighting for 200+ languages, KaTeX math equations, Mermaid diagrams, and CJK text support.

Is Streamdown safe for AI-generated content?โ–ผ

Yes. It sanitizes HTML, restricts unsafe URLs, and shows a confirmation modal before opening external links by default.

Related Repositories in Software Engineering

View All in Software Engineeringโ†’