Guida esperta per la libreria Streamdown di Vercel: un sostituto del react-markdown ottimizzato per lo streaming per le applicazioni IA. Utilizzare quando: (1) eseguire il rendering del markdown generato dall'intelligenza artificiale da useChat/streamText, (2) Creazione di interfacce utente di chat con risposte in streaming, (3) Migrazione dal react-markdown al rendering ottimizzato per lo streaming, (4) Configurazione di blocchi di codice (Shiki), matematica (KaTeX), diagrammi (Mermaid), (5) Gestione del markdown incompleto durante lo streaming AI (riparazione del preprocessore), (6) Personalizzazione dello stile di ribasso con le variabili Tailwind/CSS, (7) Protezione dell'output AI con rehype-harden (protocolli collegamento/immagine). Trigger: Streamdown, ribasso dello streaming, ribasso della chat AI, sostituzione del ribasso di reazione, Risposta agli elementi AI, ribasso incompleto, riparazione, temi Shiki, diagrammi sirena, Matematica KaTeX, rehype-harden, isAnimating, streaming markdown.
Installa rapidamente la skill AI streamdown nel tuo ambiente di sviluppo tramite riga di comando
Apri il terminale: Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.)
Esegui il comando di installazione: Copia ed esegui questo comando: npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown
Verifica l'installazione: Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
Streamdown is a drop-in react-markdown replacement designed for AI-powered streaming applications. It handles incomplete markdown syntax gracefully using the remend preprocessor.
Guida esperta per la libreria Streamdown di Vercel: un sostituto del react-markdown ottimizzato per lo streaming per le applicazioni IA. Utilizzare quando: (1) eseguire il rendering del markdown generato dall'intelligenza artificiale da useChat/streamText, (2) Creazione di interfacce utente di chat con risposte in streaming, (3) Migrazione dal react-markdown al rendering ottimizzato per lo streaming, (4) Configurazione di blocchi di codice (Shiki), matematica (KaTeX), diagrammi (Mermaid), (5) Gestione del markdown incompleto durante lo streaming AI (riparazione del preprocessore), (6) Personalizzazione dello stile di ribasso con le variabili Tailwind/CSS, (7) Protezione dell'output AI con rehype-harden (protocolli collegamento/immagine). Trigger: Streamdown, ribasso dello streaming, ribasso della chat AI, sostituzione del ribasso di reazione, Risposta agli elementi AI, ribasso incompleto, riparazione, temi Shiki, diagrammi sirena, Matematica KaTeX, rehype-harden, isAnimating, streaming markdown. Fonte: bjornmelin/dev-skills.
Come installo streamdown?
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw