streamdown
Implement, configure, and customize Streamdown — a streaming-optimized React Markdown renderer with syntax highlighting, Mermaid diagrams, math rendering, and CJK support. Use when working with Streamdown setup, configuration, plugins, styling, security, or integration with AI streaming (e.g., Vercel AI SDK). Triggers on: (1) Installing or setting up Streamdown, (2) Configuring plugins (code, mermaid, math, cjk), (3) Styling or theming Streamdown output, (4) Integrating with AI chat/streaming, (5) Configuring security, link safety, or custom HTML tags, (6) Using carets, static mode, or custom components, (7) Troubleshooting Tailwind, Shiki, or Vite issues.
Install
With your agent
Install OMGSkills skill "vercel/streamdown:streamdown" into this agent's normal skills directory: use the OMGSkills MCP get_skill tool, install only the pinned_install commit and path, verify SKILL.md against pinned_install.skill_md_sha, and stop if MCP or the pin is unavailable. Do not overwrite or change existing skills without asking me.
Manual command
git clone https://github.com/vercel/streamdown /tmp/streamdown && ln -s /tmp/streamdown/skills/streamdown ~/.claude/skills/streamdownFrom README
Streamdown Streaming-optimized React Markdown renderer. Drop-in replacement for react-markdown with built-in streaming support, security, and interactive controls. Quick Optional plugins ( only what's needed): Configure Tailwind CSS (Required) This is the most commonly missed step. Streamdown uses Tailwind for styling and the dist files must be scanned. Tailwind v4 — add to globals.css: Add plugin @source lines only for packages you have installed (omitting uninstalled plugins avoids Tailwind errors).
More skills
authoring-skills
How to create and maintain agent skills in .agents/skills/.
backport-pr
Backport a merged Next.js pull request from canary to a previous release branch such as next-16-2.
create-pr
Used to create Git branches, commits, pushes, and GitHub pull requests for Next.js.