streamdown
✓Expertenberatung für die Streamdown-Bibliothek von Vercel – ein Streaming-optimierter React-Markdown-Ersatz für KI-Anwendungen. Wird verwendet, wenn: (1) KI-generierter Markdown von useChat/streamText gerendert wird, (2) Erstellen von Chat-Benutzeroberflächen mit Streaming-Antworten, (3) Migration von React-Markdown zu Streaming-freundlichem Rendering, (4) Konfigurieren von Codeblöcken (Shiki), Mathematik (KaTeX), Diagrammen (Mermaid), (5) Umgang mit unvollständigem Markdown während des AI-Streamings (Präprozessor ersetzen), (6) Anpassen des Markdown-Stils mit Tailwind/CSS-Variablen, (7) Sichern der KI-Ausgabe mit Rehype-Harden (Link-/Bildprotokolle). Auslöser: Streamdown, Streaming-Markdown, AI-Chat-Markdown, React-Markdown-Ersatz, AI Elements Response, unvollständiger Markdown, Remend, Shiki-Themen, Meerjungfrau-Diagramme, KaTeX-Mathematik, Rehype-Harden, isAnimating, Markdown-Streaming.
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 |
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown- Quelle
- bjornmelin/dev-skills
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist streamdown?
Expertenberatung für die Streamdown-Bibliothek von Vercel – ein Streaming-optimierter React-Markdown-Ersatz für KI-Anwendungen. Wird verwendet, wenn: (1) KI-generierter Markdown von useChat/streamText gerendert wird, (2) Erstellen von Chat-Benutzeroberflächen mit Streaming-Antworten, (3) Migration von React-Markdown zu Streaming-freundlichem Rendering, (4) Konfigurieren von Codeblöcken (Shiki), Mathematik (KaTeX), Diagrammen (Mermaid), (5) Umgang mit unvollständigem Markdown während des AI-Streamings (Präprozessor ersetzen), (6) Anpassen des Markdown-Stils mit Tailwind/CSS-Variablen, (7) Sichern der KI-Ausgabe mit Rehype-Harden (Link-/Bildprotokolle). Auslöser: Streamdown, Streaming-Markdown, AI-Chat-Markdown, React-Markdown-Ersatz, AI Elements Response, unvollständiger Markdown, Remend, Shiki-Themen, Meerjungfrau-Diagramme, KaTeX-Mathematik, Rehype-Harden, isAnimating, Markdown-Streaming. Quelle: bjornmelin/dev-skills.
Wie installiere ich streamdown?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/bjornmelin/dev-skills
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01