Simon-He95/markstream-react
.agents/skills/markstream-react/SKILL.md
Integrate markstream-react into a React 18+ or Next app. Use when Codex needs to add the React renderer, import CSS correctly, choose between `content` and `nodes`, keep Next client boundaries safe, convert renderer overrides, or prepare a repo for `react-markdown` migration.
$ install --global
skillsauthnpx skillsauth add Simon-He95/markstream-vue markstream-reactInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 15, 2026, 8:53 PM101.5s2 files scanned
SKILL.md
- name:
- markstream-react
- description:
- Integrate markstream-react into a React 18+ or Next app. Use when Codex needs to add the React renderer, import CSS correctly, choose between `content` and `nodes`, keep Next client boundaries safe, convert renderer overrides, or prepare a repo for `react-markdown` migration.
Markstream React
Use this skill when the host app is React or Next and the task is to wire Markstream safely.
Workflow
- Confirm the repo is React, Next, or another React-based host.
- Install
markstream-reactplus only the requested optional peers. - Import
markstream-react/index.cssfrom the app shell or client entry. - Start with
content.- Move to
nodesplusfinalonly when the UI receives streaming or high-frequency updates.
- Move to
- Respect SSR boundaries in Next.
- Prefer
use client, dynamic imports withssr: false, or other client-only boundaries when browser-only peers are involved.
- Prefer
- Use scoped Markstream overrides before custom parser work.
- Validate with the smallest useful dev, build, or typecheck command.
Default Decisions
- Renderer wiring first, migration cleanup second.
- If the repo already uses
react-markdown, pair this skill withmarkstream-migration. - Prefer the smallest client-only boundary that solves the SSR issue.
Useful Doc Targets
docs/guide/react-quick-start.mddocs/guide/react-installation.mddocs/guide/react-markdown-migration.mddocs/guide/component-overrides.md
Related Skills
Simon-He95/markstream-vue2
tools
VerifiedTrustedCommunity
Integrate markstream-vue2 into a Vue 2.6 or 2.7 app. Use when Codex needs Vue 2-compatible setup, `@vue/composition-api` decisions, CSS wiring, optional peer setup, or scoped Markstream overrides in a Vue 2 repository that is not specifically Vue CLI / Webpack 4 constrained.
2,242SKILL.mdUpdated Apr 15, 2026
Simon-He95/markstream-vue2-vite
development
VerifiedTrustedCommunity
Integrate markstream-vue2 into a Vue 2 plus Vite app. Use when Codex needs Vite-friendly worker imports, `?worker` or `?worker&inline` setup for Mermaid or KaTeX, modern CSS ordering, or Vue 2 compatibility in a Vite-based repository.
2,242SKILL.mdUpdated Apr 15, 2026
Simon-He95/markstream-vue2-cli
tools
VerifiedTrustedCommunity
Integrate markstream-vue2 into a Vue 2 Vue CLI or Webpack 4 app. Use when Codex needs Webpack 4-friendly setup, CDN worker fallbacks for Mermaid or KaTeX, `dist/index.css` imports, Vue 2 composition-api shims, or safer code block defaults that avoid fragile Monaco worker setups.
2,242SKILL.mdUpdated Apr 15, 2026
Simon-He95/markstream-vue
development
VerifiedTrustedCommunity
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 between `content` and `nodes`, enable optional peers like Mermaid, KaTeX, D2, Monaco, or Shiki, or wire scoped custom components in a non-Nuxt Vue repository.
2,242SKILL.mdUpdated Apr 15, 2026