Communitygithub.com

vercel/streamdown

Implementa, configura y personaliza Streamdown — un renderizador de Markdown para React optimizado para streaming con resaltado de sintaxis, diagramas Mermaid, renderizado matemático y soporte para CJK.

¿Qué es streamdown?

Esta habilidad te guía en la implementación, configuración y personalización de Streamdown, un renderizador de Markdown para React diseñado específicamente para entornos de streaming, como los proporcionados por Vercel AI SDK. Streamdown ofrece resaltado de sintaxis con Shiki, soporte para diagramas Mermaid, renderizado de ecuaciones matemáticas (LaTeX) y compatibilidad con caracteres CJK (chino, japonés, coreano). La habilidad cubre desde la instalación y configuración básica hasta el uso de plugins (code, mermaid, math, cjk), personalización de estilos y temas, integración con aplicaciones de chat/streaming basadas en IA, configuración de seguridad (como saneamiento de enlaces y etiquetas HTML personalizadas), y uso de características avanzadas como caretas (carets), modo estático y componentes personalizados. También incluye solución de problemas comunes con Tailwind CSS, Shiki y Vite. Es compatible con proyectos React que utilizan Streamdown y está optimizada para flujos de trabajo con Vercel AI SDK.

Compatible con~Claude Code~Codex CLI~Cursor
Part ofDesign & UI
npx skills add https://github.com/vercel/streamdown/tree/main/skills/streamdown
Ver original→Ver todas las habilidades

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentación

¿Qué hace streamdown?

Implementa, configura y personaliza Streamdown — un renderizador de Markdown para React optimizado para streaming con resaltado de sintaxis, diagramas Mermaid, renderizado matemático y soporte para CJK. Úsalo cuando trabajes con la configuración de Streamdown, plugins, estilos, seguridad o integración con streaming de IA (ej. Vercel AI SDK). Se activa en: (1) Instalación o configuración de Streamdown, (2) Configuración de plugins (código, mermaid, math, cjk), (3) Estilización o tematización de la salida de Streamdown, (4) Integración con chat/streaming de IA, (5) Configuración de seguridad, seguridad de enlaces o etiquetas HTML personalizadas, (6) Uso de caretas, modo estático o componentes personalizados, (7) Solución de problemas con Tailwind, Shiki o Vite.

Skills relacionados

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