# Markstream Custom Components

Override built-in Markstream node renderers and add trusted custom tags across Vue...

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

## Install

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

## Description

Override built-in Markstream node renderers and add trusted custom tags across Vue, React, Solid, Svelte, and Angular. Use when Codex needs scoped `setCustomComponents`, renderer-local React `streamingComponents` or `htmlComponents`, Angular/Svelte `customComponents`, Vue app-scoped components, node override keys such as `image`, `code_block`, `mermaid`, or `link`, or nested renderers for tags such as `thinking`.

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

# Markstream Custom Components

Use this skill when the task is to change how Markstream renders specific nodes or custom tags.

Read [references/patterns.md](references/patterns.md) before choosing an override strategy.

For SolidJS/SolidStart, follow [markstream-solid](../markstream-solid/SKILL.md) and the Solid API reference. Prefer renderer-local or `MarkstreamProvider` overrides, keep prop reads reactive, and use typed callbacks/render props rather than Vue emits/slots.

## Workflow

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