streamdown
✓Conseils d'experts pour la bibliothèque Streamdown de Vercel - un remplacement de démarque de réaction optimisé pour le streaming pour les applications d'IA. À utiliser lorsque : (1) Rendu de la démarque générée par l'IA à partir de useChat/streamText, (2) Création d'interfaces utilisateur de chat avec des réponses en continu, (3) Migration de React-markdown vers un rendu adapté au streaming, (4) Configuration des blocs de code (Shiki), mathématiques (KaTeX), diagrammes (Mermaid), (5) Gestion des démarques incomplètes pendant le streaming AI (remend préprocesseur), (6) Personnalisation du style de démarque avec les variables Tailwind/CSS, (7) Sécurisation de la sortie de l'IA avec rehype-harden (protocoles lien/image). Déclencheurs : Streamdown, démarque de streaming, démarque de chat AI, remplacement de démarque de réaction, Réponse aux éléments AI, démarque incomplète, correction, thèmes Shiki, diagrammes sirène, Mathématiques KaTeX, rehype-harden, isAnimating, streaming markdown.
Installation
SKILL.md
Streamdown is a drop-in react-markdown replacement designed for AI-powered streaming applications. It handles incomplete markdown syntax gracefully using the remend preprocessor.
| children | string | required | Markdown content to render | | isAnimating | boolean | false | Disables interactive controls during streaming | | mode | "streaming" \| "static" | "streaming" | Rendering mode | | shikiTheme | [BundledTheme, BundledTheme] | ['github-light', 'github-dark'] | Light/dark syntax themes |
| controls | ControlsConfig \| boolean | true | Button visibility for code/table/mermaid | | mermaid | MermaidOptions | {} | Diagram configuration | | components | object | {} | Custom element overrides | | className | string | "" | Container CSS class | | remarkPlugins | Pluggable[] | GFM, math, CJK | Markdown preprocessing |
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown- Source
- bjornmelin/dev-skills
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que streamdown ?
Conseils d'experts pour la bibliothèque Streamdown de Vercel - un remplacement de démarque de réaction optimisé pour le streaming pour les applications d'IA. À utiliser lorsque : (1) Rendu de la démarque générée par l'IA à partir de useChat/streamText, (2) Création d'interfaces utilisateur de chat avec des réponses en continu, (3) Migration de React-markdown vers un rendu adapté au streaming, (4) Configuration des blocs de code (Shiki), mathématiques (KaTeX), diagrammes (Mermaid), (5) Gestion des démarques incomplètes pendant le streaming AI (remend préprocesseur), (6) Personnalisation du style de démarque avec les variables Tailwind/CSS, (7) Sécurisation de la sortie de l'IA avec rehype-harden (protocoles lien/image). Déclencheurs : Streamdown, démarque de streaming, démarque de chat AI, remplacement de démarque de réaction, Réponse aux éléments AI, démarque incomplète, correction, thèmes Shiki, diagrammes sirène, Mathématiques KaTeX, rehype-harden, isAnimating, streaming markdown. Source : bjornmelin/dev-skills.
Comment installer streamdown ?
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor
Où se trouve le dépôt source ?
https://github.com/bjornmelin/dev-skills
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01