Install and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, and Vue 2 applications.
SkillScore86Maintained
Automatic
◆Frontend / UI pack
Last verified 8/2/2026
What it changes
Passed 17 of 20 test cases with the skill, and 8 of 20 without it.
Without skill41%
With skill86%
Checks it passed that the model alone missed
Sets mode="chat"
Sets :final="false"
Sets smooth-streaming="auto"
and 15 more in the full report
10 fixed9 passed either way3 still failing0 broke
Pass-rate lift
+45 pp
Tokens
+8%
Agent turns
0%
Response time
-48%
Model gemini-3.6-flashMeasured 8/2/2026v119 of 22 cases passed with skill · 20 comparable
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 10 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 10
Prompt
In our Next.js App Router setup, we have a static documentation page that needs to render pre-parsed markdown on the server without any client hydration overhead or WebSocket stream pacing. Which subpath entry of the React package should be used?
What was checked, without and with the skill
Checked
Without skill
With skill
Recommends markstream-react/server for server-only rendering without client hydration
Missed
Passed
case-07 · gemini-3.6-flash · 8/2/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md134 lines2 files
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.
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.