Communitygithub.com

vercel/streamdown

Mettez en œuvre, configurez et personnalisez Streamdown — un moteur de rendu Markdown React optimisé pour le streaming avec coloration syntaxique, diagrammes Mermaid, rendu mathématique et support du CJK.

Qu'est-ce que streamdown ?

Ce skill vous guide dans l'installation, la configuration et la personnalisation de Streamdown, un moteur de rendu Markdown React conçu pour les applications de streaming en temps réel (comme les chatbots IA). Il est particulièrement utile pour les développeurs utilisant le SDK Vercel AI ou tout autre environnement de streaming. Le skill couvre l'ensemble des fonctionnalités essentielles : activation des plugins (coloration syntaxique avec Shiki, diagrammes Mermaid, formules mathématiques LaTeX, support des langues CJK), personnalisation du thème et des styles CSS, configuration de la sécurité des liens et des balises HTML personnalisées, ainsi que l'utilisation de composants avancés (carets, mode statique, composants personnalisés). Il inclut également des conseils de dépannage pour les problèmes courants avec Tailwind CSS, Shiki et Vite.

Compatible avec~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/vercel/streamdown/tree/main/skills/streamdown
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait streamdown ?

Implémentez, configurez et personnalisez Streamdown — un moteur de rendu Markdown React optimisé pour le streaming avec coloration syntaxique, diagrammes Mermaid, rendu mathématique et support du CJK. Utilisez-le lorsque vous travaillez avec la configuration, les plugins, le style, la sécurité ou l'intégration de Streamdown avec le streaming IA (par exemple, le SDK Vercel AI). Déclenché dans les cas suivants : (1) Installation ou configuration de Streamdown, (2) Configuration des plugins (code, mermaid, math, cjk), (3) Style ou thème du rendu Streamdown, (4) Intégration avec le chat/streaming IA, (5) Configuration de la sécurité, de la sécurité des liens ou des balises HTML personnalisées, (6) Utilisation des carets, du mode statique ou des composants personnalisés, (7) Dépannage des problèmes Tailwind, Shiki ou Vite.

Skills associés

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