About

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

Markstream Vue 2

Name: markstream-vue2
Author: sickn33

Overview

Handle Vue 2.6/2.7 compatibility decisions that the generic installer cannot resolve safely.

When to Use

Use for Vue 2 integration when no bundler-specific edge case dominates. Use markstream-vue2-cli for Vue CLI/Webpack 4 and markstream-vue2-vite for Vite worker imports.

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.6 or 2.7 and install markstream-vue2.
Add @vue/composition-api only for Vue 2.6 code that uses Composition API patterns; Vue 2.7 has built-in support.
Import markstream-vue2/index.css after resets.
Start with <MarkdownRender :content="markdown" /> and smooth streaming auto.
For live chat disable fade and opt into the cursor; on completion set final, disable pacing/cursor, and enable fade only if desired.
Use nodes only when another layer owns parsing. Use scoped mappings for overrides.
Keep HTML safe and Mermaid strict; validate with the smallest build or dev command.

Example

<script>
import MarkdownRender from 'markstream-vue2'
import 'markstream-vue2/index.css'

export default {
  components: { MarkdownRender },
  props: { content: String, done: Boolean },
}
</script>

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

Limitations

Vue 2.6 and 2.7 have different Composition API requirements.
Legacy bundlers require the dedicated specializations.
Optional modern peers may not support every Vue 2 toolchain.

Security & Safety Notes

Review dependency and compatibility changes. Do not relax rendering safety for untrusted content.

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/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.ocm.jsonjson

{
  "ocm": "1",
  "id": "sickn33-agentic-awesome-skills-markstream-vue2",
  "kind": "skill",
  "name": "markstream-vue2",
  "description": "Integrate markstream-vue2 into Vue 2.6 or 2.7 with correct Composition API decisions, CSS, streaming state, optional peers, and scoped overrides.",
  "publisher": "sickn33",
  "version": "1.0.0",
  "capabilities": {
    "domains": [
      "coding"
    ],
    "tags": [
      "skill-md",
      "vue2",
      "markdown",
      "streaming",
      "compatibility",
      "frontend",
      "skills-sh"
    ],
    "languages": [
      "en"
    ]
  },
  "quality_prior": 0.6,
  "examples": [
    "Integrate markstream-vue2 into Vue 2.6 or 2.7 with correct Composition API decisions, CSS, streaming state, optional peers, and scoped overrides."
  ],
  "primary": false,
  "metadata": {
    "source": {
      "provider": "skills.sh",
      "repository": "https://github.com/sickn33/agentic-awesome-skills",
      "path": "skills/markstream-vue2/SKILL.md",
      "ref": "HEAD",
      "url": "https://github.com/sickn33/agentic-awesome-skills/blob/HEAD/skills/markstream-vue2/SKILL.md",
      "key": "sickn33/agentic-awesome-skills/skills/markstream-vue2/SKILL.md"
    },
    "license": "MIT"
  },
  "instructions": "# Markstream Vue 2\n\n## Overview\n\nHandle Vue 2.6/2.7 compatibility decisions that the generic installer cannot resolve safely.\n\n## When to Use\n\nUse for Vue 2 integration when no bundler-specific edge case dominates. Use `markstream-vue2-cli` for Vue CLI/Webpack 4 and `markstream-vue2-vite` for Vite worker imports.\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.6 or 2.7 and install `markstream-vue2`.\n2. Add `@vue/composition-api` only for Vue",
  "cost": {
    "context_tokens": 450
  }
}

Fetch it by URL: GET /api/v1/registry/sickn33-agentic-awesome-skills-markstream-vue2/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.