markstream-svelte

Integrate the beta markstream-svelte package in Svelte 5 or SvelteKit apps. Use when Codex needs Svelte 5 runes, CSS and optional peers, smooth streaming, worker setup, renderer-local or scoped custom components, or SSR-safe boundaries. Svelte 4 is unsupported.

Ir a la instalación

Repositorio: Simon-He95/markstream-vue
Última actividad en el origen: 21 de julio de 2026 a las 05:59
Idioma detectado de SKILL.md: inglés
Estrellas: 2991
Forks: 181

Opciones de instalación

De forma predeterminada está seleccionado el prompt que primero revisa el origen. Puedes cambiar a un comando directo o descargar una copia local.

Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.

Un comando directo omite el prompt de revisión. Revisa el origen antes de ejecutarlo.

npx skills add https://github.com/Simon-He95/markstream-vue --skill markstream-svelte

El comando permanece en una sola línea. Desplázate horizontalmente para revisarlo antes de copiarlo.

¿Prefieres una copia local? Descarga los archivos que SkillsMP tiene disponibles ahora.

Revisa los archivos de origen

Lee SKILL.md y los archivos complementarios que muestra SkillsMP antes de decidir si quieres instalarlo.

Explorador de archivos

2 archivos

SKILL.md

Instrucciones de origen · Vista previa de solo lectura

Volver a la búsqueda Volver a la instalación

markstream-install

Install and wire markstream-vue, markstream-react, markstream-vue2, markstream-angular, or markstream-svelte into an existing repository. Use when Codex needs to choose the right package, install the smallest framework-specific peer-dependency set, fix CSS/reset order, choose Vue 3 renderer mode and built-in, plain, or custom code-block paths, decide between `content`, `nodes`, and Vue 3 virtual-scroll coordination, or add a minimal working renderer example.

2026-08-26

markstream-nuxt

Integrate markstream-vue into a Nuxt 3 or Nuxt 4 app. Use when Codex needs client-only boundaries, SSR-safe setup, browser-only peer gating, worker-aware initialization, renderer `mode` selection, or a safe `MarkdownRender` integration inside pages, components, or Nuxt plugins.

2026-08-26

markstream-vue

Integrate markstream-vue into a Vue 3 app. Use when Codex needs to add the Vue 3 renderer, import CSS in the right order, choose renderer and DOM modes, choose built-in, plain, or custom code-block paths, choose between `content` and `nodes`, coordinate long AI timelines with `MarkstreamVirtualTimeline`, `useMarkstreamVirtualAdapter`, or `vue-virtual-scroller`, enable optional peers such as stream-diffs, Mermaid, KaTeX, D2, or Infographic, or wire scoped custom components in a non-Nuxt Vue repository.

2026-08-26

Ver todos los de este repositorio

Markstream Svelte

Confirm Svelte 5; ask Svelte 4 users to upgrade.

Add package and only requested peers.

Import CSS after resets; KaTeX CSS for math.

Treat the package as beta and confirm the app accepts that API maturity.

Default to <MarkdownRender {content} />.

For streaming AI chat, keep content and use built-in smooth streaming first.
- smoothStreaming="auto" is the default and activates when typewriter={true} or maxLiveNodes <= 0.
- typewriter only controls the blinking cursor and defaults to false.
- fade controls node enter and streamed-text fade animations and defaults to true.
Streaming vs recovering history: in chat UIs the same renderer starts streaming and later switches to history when final={true}.
- Streaming: smoothStreaming="auto", fade={false}, typewriter={true}. Smooth pacing handles gradual appearance; fade would flicker.
- Recovering history: smoothStreaming={false}, fade={true}, typewriter={false}. Content is already complete — pacing would slow it down, but fade gives a polished entry animation.
- Dynamic switch: smoothStreaming={isStreaming ? 'auto' : false}, fade={!isStreaming}.
Use nodes + final for worker-preparsed content, shared AST stores, or custom AST control.

Use $props() and callbacks.

Workers: setKaTeXWorker, setMermaidWorker, workers/*?worker.

Custom UI: prefer the renderer-local customComponents prop for one surface; use scoped setCustomComponents, customId, and customHtmlTags when shared registration is intentional.

Keep browser-only workers and heavy peers behind SvelteKit client boundaries.

Verify with svelte-check, build, or e2e.

Useful Doc Targets

docs/guide/svelte.md

docs/frameworks/svelte.md

name	markstream-svelte
description	Integrate the beta markstream-svelte package in Svelte 5 or SvelteKit apps. Use when Codex needs Svelte 5 runes, CSS and optional peers, smooth streaming, worker setup, renderer-local or scoped custom components, or SSR-safe boundaries. Svelte 4 is unsupported.