# Markstream Vue

Integrate markstream-vue into a Vue 3 app.

- Repository: https://github.com/Simon-He95/markstream-vue (3046 stars)
- Category: Design
- License: MIT
- Last updated: 2026-11-01
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add Simon-He95/markstream-vue --skill markstream-vue -g -a claude-code -y`
Codex: `npx skills add Simon-He95/markstream-vue --skill markstream-vue -g -a codex -y`
Cursor: `npx skills add Simon-He95/markstream-vue --skill markstream-vue -g -a cursor -y`
Gemini CLI: `npx skills add Simon-He95/markstream-vue --skill markstream-vue -g -a gemini-cli -y`

## Description

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.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Markstream Vue 3

Use this skill when the host app is plain Vue 3, typically Vite-based, and not Nuxt.

## Workflow

The rest: https://github.com/Simon-He95/markstream-vue/blob/HEAD/.agents/skills/markstream-vue/SKILL.md