streamdown
✓Orientación experta para la biblioteca Streamdown de Vercel: un reemplazo de reacción-markdown optimizado para transmisión para aplicaciones de IA. Úselo cuando: (1) Representar rebajas generadas por IA desde useChat/streamText, (2) Creación de interfaces de usuario de chat con respuestas en tiempo real, (3) Migrar de reaccionar-markdown a renderizado compatible con transmisión, (4) Configuración de bloques de código (Shiki), matemáticas (KaTeX), diagramas (Mermaid), (5) Manejo de rebajas incompletas durante la transmisión de IA (recomendar preprocesador), (6) Personalizar el estilo de rebajas con variables Tailwind/CSS, (7) Asegurar la salida de IA con rehype-harden (protocolos de enlace/imagen). Desencadenantes: Streamdown, rebaja de transmisión, rebaja de chat de IA, reemplazo de rebaja de reacción, Respuesta de elementos de IA, reducción incompleta, recomendación, temas de Shiki, diagramas de sirena, Matemáticas KaTeX, rehype-harden, isAnimating, transmisión de rebajas.
Instalación
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 |
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown- Fuente
- bjornmelin/dev-skills
- Categoría
- </>Desarrollo
- Verificado
- ✓
- Primera vez visto
- 2026-02-01
- Actualizado
- 2026-02-18
Respuestas rápidas
¿Qué es streamdown?
Orientación experta para la biblioteca Streamdown de Vercel: un reemplazo de reacción-markdown optimizado para transmisión para aplicaciones de IA. Úselo cuando: (1) Representar rebajas generadas por IA desde useChat/streamText, (2) Creación de interfaces de usuario de chat con respuestas en tiempo real, (3) Migrar de reaccionar-markdown a renderizado compatible con transmisión, (4) Configuración de bloques de código (Shiki), matemáticas (KaTeX), diagramas (Mermaid), (5) Manejo de rebajas incompletas durante la transmisión de IA (recomendar preprocesador), (6) Personalizar el estilo de rebajas con variables Tailwind/CSS, (7) Asegurar la salida de IA con rehype-harden (protocolos de enlace/imagen). Desencadenantes: Streamdown, rebaja de transmisión, rebaja de chat de IA, reemplazo de rebaja de reacción, Respuesta de elementos de IA, reducción incompleta, recomendación, temas de Shiki, diagramas de sirena, Matemáticas KaTeX, rehype-harden, isAnimating, transmisión de rebajas. Fuente: bjornmelin/dev-skills.
¿Cómo instalo streamdown?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/bjornmelin/dev-skills --skill streamdown Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor
¿Dónde está el repositorio de origen?
https://github.com/bjornmelin/dev-skills
Detalles
- Categoría
- </>Desarrollo
- Fuente
- skills.sh
- Primera vez visto
- 2026-02-01