markstream-vue2-vite
Configure Markstream for Vue 2 and Vite
Vue 2 and Vite projects can need different worker imports, CSS order, and streaming settings. This skill provides focused integration guidance for markstream-vue2 with safe defaults.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "markstream-vue2-vite" from https://skillstore.io/skills/simon-he95-markstream-vue2-vite.md and its manifest at https://skillstore.io/api/skills/simon-he95-markstream-vue2-vite/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "markstream-vue2-vite". Set up Markstream styling in my Vue 2 Vite application.
Expected outcome:
- Confirm the project uses Vue 2 and Vite.
- Import Markstream CSS after UnoCSS, Tailwind, or other reset styles.
- Validate the change with the smallest useful Vite command.
Using "markstream-vue2-vite". My chat messages stream gradually and later load from history.
Expected outcome:
- Use automatic smooth streaming while a message is active.
- Disable streaming pacing after the message is final.
- Keep fade behavior appropriate for completed history entries.
Security Audit
SafeAll 24 static findings are false positives. Markdown backticks were misidentified as shell execution, and policy-related terms were misidentified as system reconnaissance. The skill contains integration guidance only and no command payload, network activity, or prompt-injection content.
Risk Factors
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/simon-he95-markstream-vue2-vite/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/simon-he95-markstream-vue2-vite?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/simon-he95-markstream-vue2-vite?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/simon-he95-markstream-vue2-vite/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/simon-he95-markstream-vue2-vite.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA ยท BibTeX ยท CFF)
APA citation
simon-he95. (2026). markstream-vue2-vite security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/simon-he95-markstream-vue2-vite/audits/1BibTeX citation
@techreport{simon-he95-simon-he95-markstream-vue2-vite-2026,
author = {simon-he95},
title = {markstream-vue2-vite security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/simon-he95-markstream-vue2-vite/audits/1},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "markstream-vue2-vite security audit report (audit version 1)"
version: "unspecified"
type: report
authors:
- name: "simon-he95"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/simon-he95-markstream-vue2-vite/audits/1"
identifiers:
- type: other
value: "skillstore:simon-he95-markstream-vue2-vite:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore Score
Why this score Evidence Confidence: MediumWhat You Can Build
Add bundled workers
Set up Mermaid or KaTeX workers with Vite-compatible imports instead of CDN workers.
Build a streaming chat view
Configure MarkdownRender for smooth streamed responses and completed conversation history.
Migrate a legacy Vue app
Preserve Vue 2 compatibility while introducing Markstream CSS and safe rendering defaults.
Try These Prompts
Check whether this repository uses Vue 2 and Vite, then list the markstream-vue2 integration steps that apply.
Show where to import markstream-vue2/index.css in this Vue 2 Vite project. Keep reset styles before Markstream styles.
Configure a Vite worker import for the requested markstream-vue2 Mermaid feature. Use a bundled worker pattern and explain the chosen import.
Configure MarkdownRender for a Vue 2 chat interface. Use smooth streaming while content arrives, then switch to completed history when final is true. Keep safe HTML and Mermaid strict mode.
Best Practices
- Confirm Vue 2 and Vite before using this bundler-specific guidance.
- Prefer bundled workers over CDN workers for Vite deployments.
- Keep safe HTML policy and Mermaid strict mode unless a reviewed trusted surface requires otherwise.
Avoid
- Do not use this skill for Vue 3 or non-Vite projects.
- Do not place Markstream CSS before reset styles.
- Do not enable trusted HTML or relaxed Mermaid settings for untrusted content.
Frequently Asked Questions
Which projects is this skill for?
Does it support CDN workers?
Where should Markstream CSS be imported?
How should streaming messages be configured?
Is trusted HTML enabled by default?
Does the skill change files automatically?
Developer Details
Author
simon-he95License
MIT
Skillstore revision
r1
Version notice
The author did not declare a version.
Ref
aeb1814252a7125c8b732442bf1e7f2cd1f686c1
Maintenance freshness
7/19/2026
Usage
0 downloads ยท 0 views
File structure