Agent skill · Frontend

markstream-install

Install and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, and Vue 2 applications. Use for package selection, minimal peer dependencies, CSS order, SSR boundaries, streaming mode, and renderer setup.

GitHub68,948★ · +463/wk · 2 repos on radarProfile →
copilotMIT
Install
npx skills add github/awesome-copilot --skill markstream-install --agent copilot

Same command for any agent — swap --agent for claude-code, codex, cursor.

Facts
Files in the skill folder: 2
SKILL.md size: 6 KB
Bundled scripts: none
Requires: JavaScript or TypeScript frontend project using Vue 3, Nuxt 3/4, Vue 2.6/2.7, React 18+, Next.js, Angular 20+, or…
Path: skills/markstream-install/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 37,432 · +281 this week
Language: Python

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# Markstream Install Integrate the appropriate [Markstream](https://github.com/Simon-He95/markstream-vue) package into an existing application without installing unnecessary optional dependencies or weakening its security defaults. Read [references/scenarios.md](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. ## Workflow ### 1. Inspect the host application Before changing dependencies, inspect: - the framework and version in `package.json`; - the package manager lockfile; - whether the application uses SSR; - reset, Tailwind, UnoCSS, or design-system styles; - required optional features: code highlighting, enhanced File/Diff surfaces, Monaco, Mermaid, D2, infographic blocks, or KaTeX. Do not assume the Vue package is correct merely because the source repository is named

What's inside
Steps it walks through
  1. When to Use
  2. Workflow
  3. 1. Inspect the host application
  4. 2. Install the smallest dependency set
  5. 3. Wire styles in the correct order
  6. 4. Add the smallest working renderer
  7. 5. Handle framework-specific boundaries
  8. 6. Preserve safe defaults
  9. 7. Validate
  10. Official References
Ships with 1 file
  • references/scenarios.md
Commands it runs
npm install markstream-vue
npm install markstream-react
npm install markstream-svelte
npm install markstream-angular
npm install markstream-vue2
More from awesome-copilot
All skills →
About this skill
What does the markstream-install skill do?

Install and configure Markstream streaming Markdown renderers for Vue, React, Svelte, Angular, Nuxt, and Vue 2 applications. Use for package selection, minimal peer dependencies, CSS order, SSR boundaries, streaming mode, and renderer setup.

How do I install it?

Run `npx skills add github/awesome-copilot --skill markstream-install --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From github/awesome-copilot, a repository with 37,432 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going