Communitygithub.com

vercel/streamdown

Implementieren, konfigurieren und anpassen von Streamdown – einem streaming-optimierten React Markdown-Renderer mit Syntax-Highlighting, Mermaid-Diagrammen, mathematischer Darstellung und CJK-Unterstützung.

Was ist streamdown?

Streamdown ist ein leistungsstarker, streaming-optimierter React Markdown-Renderer, der speziell für KI-Streaming-Anwendungen entwickelt wurde, z. B. in Kombination mit dem Vercel AI SDK. Es unterstützt Syntax-Highlighting (Shiki), Mermaid-Diagramme, mathematische Formeln (KaTeX) und CJK-Schriftzeichen (Chinesisch, Japanisch, Koreanisch). Die Bibliothek bietet ein reichhaltiges Plugin-System für Code-Blöcke, Diagramme, Mathematik und CJK sowie anpassbare Stile und Themes. Entwickler können Streamdown in AI-Chat- und Streaming-Umgebungen integrieren, Sicherheitsfunktionen wie Link-Sicherheit und benutzerdefinierte HTML-Tags konfigurieren und Carets für Cursor-Bewegungen sowie statischen Modus nutzen. Die Problembehandlung umfasst Tailwind, Shiki und Vite. Diese Fähigkeit wird ausgelöst bei der Installation/Einrichtung, Plugin-Konfiguration, Stil-Theme-Anpassung, AI-Integration, Sicherheitskonfiguration, Verwendung von Carets/statischem Modus und Fehlerbehebung.

Funktioniert mit~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/vercel/streamdown/tree/main/skills/streamdown
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht streamdown?

Implementieren, konfigurieren und anpassen von Streamdown — einem streaming-optimierten React Markdown-Renderer mit Syntax-Highlighting, Mermaid-Diagrammen, mathematischer Darstellung und CJK-Unterstützung. Verwenden Sie dies bei der Arbeit mit Streamdown-Setup, Konfiguration, Plugins, Styling, Sicherheit oder Integration mit KI-Streaming (z. B. Vercel AI SDK). Auslöser: (1) Installation oder Einrichtung von Streamdown, (2) Konfiguration von Plugins (Code, Mermaid, Math, CJK), (3) Styling oder Theming der Streamdown-Ausgabe, (4) Integration mit AI-Chat/Streaming, (5) Konfiguration von Sicherheit, Link-Sicherheit oder benutzerdefinierten HTML-Tags, (6) Verwendung von Carets, statischem Modus oder benutzerdefinierten Komponenten, (7) Fehlerbehebung bei Tailwind, Shiki oder Vite-Problemen.

Verwandte Skills

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