# Markstream React

Integrate the beta markstream-react package into a React 18+ or Next 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-react -g -a claude-code -y`
Codex: `npx skills add Simon-He95/markstream-vue --skill markstream-react -g -a codex -y`
Cursor: `npx skills add Simon-He95/markstream-vue --skill markstream-react -g -a cursor -y`
Gemini CLI: `npx skills add Simon-He95/markstream-vue --skill markstream-react -g -a gemini-cli -y`

## Description

Integrate the beta markstream-react package into a React 18+ or Next app. Use when Codex needs to add the React renderer, choose the root, `next`, or `server` entrypoint, import CSS correctly, choose between `content` and `nodes`, keep client boundaries safe, add renderer-local `streamingComponents` or `htmlComponents`, use parser transforms, or prepare a repo for `react-markdown` migration.

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

# Markstream React

Use this skill when the host app is React or Next and the task is to wire Markstream safely.

## Workflow

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