Agent skill · software engineering · sickn33
markstream-nuxt
Integrate markstream-vue into Nuxt 3 or 4 with SSR-safe client boundaries, renderer modes, explicit CSS, and browser-only optional peers.
Why this skill is useful
Provides specific integration patterns and SSR-safe practices for using markstream-vue with Nuxt 3 or 4 that the AI wouldn't reliably generate on its own.
What it needs
Requires nuxt installed locally. About 2k tokens when loaded. Last updated 2026-08-07. 44,571 stars on the source repository.
What this skill does
Markstream Nuxt Overview Integrate markstream-vue into Nuxt while keeping hydration, browser-only peers, workers, and streaming behavior on the correct side of SSR boundaries. When to Use Use for Nuxt 3 or 4 pages, components, or plugins. Use markstream-vue for non-Nuxt Vue applications and markstream-install when the framework is not yet known. Workflow Inspect the existing package manager, installed package version and project conventions. A requested scoped integration already authorizes routine source/dependency edits; seek approval only for a material scope expansion or unresolved beta/alpha adoption decision. 1. Confirm Nuxt 3 or 4 and install only requested peers. 2. Put browser-only peers behind <ClientOnly>, .client plugins, dynamic imports, or guarded initialization. 3. Import markstream-vue/index.css explicitly from a client-safe shell or plugin. 4. Start with content: mode="chat" for AI streams, docs for rich documents, and minimal for lightweight non-chat surfaces. 5. Keep smooth streaming in auto mode for SSR; do not force true on first-screen server content. 6. When a chat row completes, keep its mode stable, set final, disable pacing/cursor, and enable fade only if desired. 7. Keep HTML safe and Mermaid strict. Put optional code, diagram, and worker runtimes behind client boundaries. 8. Validate build/typecheck, hydration, and one incremental client update. Example Limitations Browser-only peers cannot run during SSR. Hydration depends on correct host plugin/component boundaries. This skill does not configure deployment adapters. Security & Safety Notes Do not expose trusted HTML or loose Mermaid settings to untrusted model output. Review dependency and runtime-boundary changes. Verify props, export paths and peer ranges against the installed package, not a mutable upstream main. Test partial and completed streams, malformed/untrusted Markdown, links and image URLs, cancellation and reduced motion. …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills sickn33/markstream-nuxt--bae015