Agent skill · software engineering · github

markstream-install

Install and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, and Vue 2 applications. Use for package selection, minimal peer dependencies, CSS order, SSR boundaries, streaming mode, and renderer setup.

Why this skill is useful

Provides specific installation and configuration commands for Markstream tailored to various frontend frameworks, which the AI wouldn't reliably generate on its own.

What it needs

Requires npm installed locally. About 3k tokens when loaded. Last updated 2026-08-07. 37,534 stars on the source repository.

What this skill does

Markstream Install Integrate the appropriate Markstream package into an existing application without installing unnecessary optional dependencies or weakening its security defaults. Read references/scenarios.md before choosing packages or peers. When to Use Use this skill when the user asks to: add streaming Markdown rendering to an AI chat or document interface; install Markstream in Vue, Nuxt, React, Next.js, Svelte, Angular, or Vue 2; repair a broken Markstream installation, missing styles, or SSR failure; replace another Markdown renderer with Markstream; choose between static, smooth-streaming, and externally parsed AST input. Workflow 1. Inspect the host application Before changing dependencies, inspect: the framework and version in package.json; the package manager lockfile; whether the application uses SSR; reset, Tailwind, UnoCSS, or design-system styles; required optional features: code highlighting, enhanced File/Diff surfaces, Monaco, Mermaid, D2, infographic blocks, or KaTeX. Do not assume the Vue package is correct merely because the source repository is named markstream-vue. Select the framework-specific package from the scenario table. 2. Install the smallest dependency set Install exactly one framework package. Add optional peers only when the requested UI uses their feature. Examples: Preserve the repository's existing package manager. Do not install every optional peer preemptively. 3. Wire styles in the correct order Import application resets before Markstream styles. Import package CSS explicitly; do not rely on component imports to inject it. For Tailwind or UnoCSS, use the relevant package subpath in a component layer: Use the matching package name for React, Svelte, Angular, or Vue 2. If math rendering is enabled, also import: Vue CLI 4 and other Webpack 4-based Vue 2 applications cannot resolve package export maps. In those projects, import the published file directly: 4. …

How to use it

Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:

@skills github/markstream-install

View the source on GitHub

Browse the @skills marketplace