Simon-He95Community·11 Agent Skills Included

markstream-vue

Render streaming AI Markdown smoothly in Vue, React, and more

Renders live-streaming Markdown from AI chat, SSE, and LLM token streams without flicker or broken partial syntax. Handles incomplete Markdown, streaming code blocks, Mermaid diagrams, and KaTeX math across Vue, Nuxt, React, Svelte, Angular, and Vue 2. Guides AI agents to install the right package, wire CSS correctly, and migrate from marked, markdown-it, or react-markdown.

2,980|181

↗

npx skills add Simon-He95/markstream-vue --all -g -y

All Skills in This Repository (11)

Pure Emerald Level Indicators

📦 In Repo

Simon-He95

markstream-nuxt

Integrate markstream-vue into Nuxt 3 or Nuxt 4 with SSR-safe client-only boundaries.

markstream-vue2

Render Markdown content in Vue 2.6–2.7 apps via MarkdownRender.

markstream-vue2-vite

Configure markstream-vue2 worker imports for Vue 2 and Vite projects.

markstream-angular

Integrate markstream-angular into Angular projects with standalone component imports and CSS wiring.

markstream-custom-components

Override Markstream renderers with scoped custom components for nodes.

markstream-react

Configure markstream-react CSS imports and SSR-safe boundaries in React or Next projects.

markstream-vue2-cli

Integrate markstream-vue2 into Vue 2 apps with CDN workers and Webpack 4 compatibility.

markstream-install

Install the matching Markstream package with minimal peer dependencies.

markstream-migration

Audit Markdown rendering and migrate it to Markstream with staged adoption steps.

markstream-vue

Render Markdown with streaming support in Vue 3 applications.

markstream-svelte

Integrates the beta markstream-svelte streaming Markdown renderer into Svelte 5 and SvelteKit apps.

Community

Intermediate

Frequently Asked Questions

FAQPage Schema

How to install markstream-vue?▼

Run `npx skills add Simon-He95/markstream-vue --all -g -y` in your terminal to install all skills in this suite globally.

How to render streaming Markdown in an AI chat app?▼

Use the MarkdownRender component with mode="chat" and pass your streaming content; built-in smooth streaming paces the output so partial Markdown never flickers or breaks.

Which frameworks does Markstream support?▼

It ships dedicated packages for Vue 3, Nuxt, Vue 2, React, Svelte 5, and Angular, plus a framework-agnostic parser for any JavaScript app.

Can I migrate from react-markdown or markdown-it?▼

Yes. The migration skill audits your current renderer, converts custom renderers into scoped Markstream overrides, and preserves your existing behavior during the swap.

Does Markstream work in SSR apps like Nuxt or Next?▼

Yes. The skills guide your agent to gate browser-only features behind client-only boundaries so server rendering stays safe and hydration mismatches are avoided.