Communitygithub.com

vercel/streamdown

Implemente, configure e personalize o Streamdown — um renderizador React Markdown otimizado para streaming com destaque de sintaxe, diagramas Mermaid, renderização matemática e suporte CJK.

O que é streamdown?

O Streamdown é um renderizador React Markdown otimizado para streaming, ideal para aplicações que exigem exibição progressiva de conteúdo, como chats com IA ou dashboards em tempo real. Ele suporta destaque de sintaxe via Shiki, diagramas Mermaid, renderização de fórmulas matemáticas (LaTeX/Katex) e texto CJK (chinês, japonês, coreano). A habilidade 'vercel/streamdown' permite implementar, configurar e personalizar completamente o Streamdown, desde a instalação e configuração de plugins (code, mermaid, math, cjk) até a integração com SDKs de streaming como o Vercel AI SDK. Além disso, cobre aspectos de segurança (sanitização de links, tags HTML personalizadas), temas e estilos, modos estáticos e uso de carets, bem como troubleshooting de problemas com Tailwind, Shiki ou Vite. É útil para desenvolvedores que desejam um renderizador Markdown rápido, seguro e pronto para streaming em projetos React.

Funciona com~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/vercel/streamdown/tree/main/skills/streamdown
Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

O que streamdown faz?

Implemente, configure e personalize o Streamdown — um renderizador React Markdown otimizado para streaming com destaque de sintaxe, diagramas Mermaid, renderização matemática e suporte CJK. Use ao trabalhar com configuração, plugins, estilização, segurança ou integração do Streamdown com streaming de IA (ex.: Vercel AI SDK). Dispara em: (1) Instalação ou configuração do Streamdown, (2) Configuração de plugins (code, mermaid, math, cjk), (3) Estilização ou temas da saída do Streamdown, (4) Integração com chat/streaming de IA, (5) Configuração de segurança, segurança de links ou tags HTML personalizadas, (6) Uso de carets, modo estático ou componentes personalizados, (7) Solução de problemas com Tailwind, Shiki ou Vite.

Habilidades Relacionadas

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".

community

mattpocock/prototype

Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.

community

mattpocock/grill-me

Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".

community