About

Imported from sickn33/agentic-awesome-skills (skills/markstream-vue2-cli/SKILL.md). Install upstream with npx skills add sickn33/agentic-awesome-skills --skill markstream-vue2-cli. Copyright stays with the author (MIT).

Markstream Vue 2 CLI

Name: markstream-vue2-cli
Author: sickn33

Overview

Handle Vue CLI and Webpack 4 constraints that differ materially from modern Vue 2/Vite setup.

When to Use

Use when Vue 2 runs on Vue CLI or Webpack 4 and package export maps or Vite worker imports are unavailable.

Workflow

Before changing dependencies or source files, inspect the existing package manager and project conventions, preview the intended edits, and obtain explicit user approval.

Confirm Vue 2 plus Vue CLI/Webpack 4.
Install markstream-vue2 and only requested peers.
Import markstream-vue2/dist/index.css, because legacy tooling may not understand the CSS export map.
Avoid ?worker imports. Use Markstream CDN worker helpers for KaTeX or Mermaid only when needed.
Prefer stream-markdown code blocks over fragile Monaco worker wiring.
Keep content with smooth streaming for chat; set final and disable pacing/cursor for completed history.
Keep HTML safe and Mermaid strict; validate the actual legacy build.

Example

<script>
import MarkdownRender from 'markstream-vue2'
// Legacy Webpack may not resolve the package CSS export map.
import 'markstream-vue2/dist/index.css'

export default {
  components: { MarkdownRender },
  data: () => ({ content: '# Answer', done: false }),
}
</script>

<template>
  <MarkdownRender
    :content="content"
    :final="done"
    :fade="false"
  />
</template>

Limitations

CDN workers require network access and compatible content-security policy.
Monaco-style worker setups are intentionally not covered.
Vue 2.6 may also require @vue/composition-api.

Security & Safety Notes

Do not introduce CDN workers without reviewing CSP, network policy, and dependency trust. Preserve safe rendering defaults.

Use it

Copy one of these into your project. Installing also returns the manifest and these snippets.

yaml

targets:
  - https://api.opensmartroute.ai/api/v1/registry/sickn33-agentic-awesome-skills-markstream-vue2-cli/manifest   # or paste the manifest below

Manifest

An Open Capability Manifest: the router reads it to know what this does, what it costs and when to pick it.

sickn33-agentic-awesome-skills-markstream-vue2-cli.ocm.jsonjson

{
  "ocm": "1",
  "id": "sickn33-agentic-awesome-skills-markstream-vue2-cli",
  "kind": "skill",
  "name": "markstream-vue2-cli",
  "description": "Integrate markstream-vue2 into Vue CLI or Webpack 4 with export-map-safe CSS, CDN worker fallbacks, and conservative code-block defaults.",
  "publisher": "sickn33",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "coding"
    ],
    "tags": [
      "skill-md",
      "vue2",
      "vue-cli",
      "webpack4",
      "markdown",
      "workers",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Integrate markstream-vue2 into Vue CLI or Webpack 4 with export-map-safe CSS, CDN worker fallbacks, and conservative code-block defaults."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/sickn33/agentic-awesome-skills",
      "path": "skills/markstream-vue2-cli/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/sickn33/agentic-awesome-skills/blob/HEAD/skills/markstream-vue2-cli/SKILL.md",
      "key": "sickn33/agentic-awesome-skills/skills/markstream-vue2-cli/SKILL.md"
    },
    "license": "MIT"
  },
  "instructions": "# Markstream Vue 2 CLI\n\n## Overview\n\nHandle Vue CLI and Webpack 4 constraints that differ materially from modern Vue 2/Vite setup.\n\n## When to Use\n\nUse when Vue 2 runs on Vue CLI or Webpack 4 and package export maps or Vite worker imports are unavailable.\n\n## Workflow\n\nBefore changing dependencies or source files, inspect the existing package manager and project conventions, preview the intended edits, and obtain explicit user approval.\n\n1. Confirm Vue 2 plus Vue CLI/Webpack 4.\n2. Install `markstream-vue2` and only requested peers.\n3. Import `markstream-vue2/dist/index.css`, because legacy too",
  "cost": {
    "context_tokens": 441
  }
}

Fetch it by URL: GET /api/v1/registry/sickn33-agentic-awesome-skills-markstream-vue2-cli/manifest?version=1.0.0

Reviews

Star ratings from people who tried it. One review per account; edit yours any time.

No reviews yet. Install it, try it, and be the first to rate it.