streamdown
Render streaming AI Markdown in React without broken formatting
All Skills in This Repository (1)
Pure Emerald Level IndicatorsFrequently Asked Questions
FAQPage SchemaHow 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โopenclaw
Run a personal AI assistant across your devices and chat apps
superpowers
Gives coding agents a disciplined workflow from idea to merged code
react
AI agent skills for building, testing, and porting React core