Agent skill · software engineering · aiskillstore
markstream-svelte
Integrate markstream-svelte in Svelte 5 apps. Svelte 4 unsupported.
Why this skill is useful
Provides specific integration patterns and configuration details for using markstream-svelte in Svelte 5 applications that the AI wouldn't reliably generate on its own.
What it needs
Requires svelte installed locally. About 1k tokens when loaded. Last updated 2026-08-07. 405 stars on the source repository.
What this skill does
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. 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: scoped setCustomComponents, customId, customHtmlTags. Verify with svelte-check, build, or e2e.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills aiskillstore/markstream-svelte