Skills markstream-vue2
📦

markstream-vue2

Content revision r1 Safe ⚙️ External commands

Integrate Markstream in Vue 2

Vue 2 applications need package and rendering settings that match their framework version. This skill guides a focused markstream-vue2 setup with safe streaming and rendering defaults.

Supports: Claude Codex Code(CC)
🥉 77 Bronze

Install with my Agent

Copy this request to your Agent. It includes the canonical Skill page and manifest.

Agent request
Review the Skillstore skill "markstream-vue2" from https://skillstore.io/skills/simon-he95-markstream-vue2.md and its manifest at https://skillstore.io/api/skills/simon-he95-markstream-vue2/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.

Markdown detail GET /skills/simon-he95-markstream-vue2.md Signed manifest GET /api/skills/simon-he95-markstream-vue2/manifest Signed lockfile GET /api/skills/simon-he95-markstream-vue2/lockfile

Test it

Using "markstream-vue2". Set up markstream-vue2 in a Vue 2.7 application.

Expected outcome:

  • Confirm the project uses Vue 2.7.
  • Install markstream-vue2.
  • Import its stylesheet after reset styles.
  • Render markdown with MarkdownRender and safe defaults.

Using "markstream-vue2". Make streamed chat messages feel smooth.

Expected outcome:

  • Use automatic smooth streaming for active messages.
  • Disable fade while content is streaming.
  • Turn off smooth streaming for final history messages.

Security Audit

Safe
v1 • 7/19/2026 Open versioned report

All 24 external-command findings are false positives caused by Markdown inline-code delimiters in SKILL.md. The two system-reconnaissance findings describe safe HTML and Mermaid rendering defaults, not host inspection. No prompt injection, data exfiltration, or malicious intent was found.

2
Files scanned
50
Lines analyzed
0
Review items
0
False positives ignored

Risk Factors

⚙️ External commands (24)
SKILL.md:3 SKILL.md:13 SKILL.md:14 SKILL.md:15 SKILL.md:16 SKILL.md:17 SKILL.md:18 SKILL.md:19 SKILL.md:20 SKILL.md:21 SKILL.md:22 SKILL.md:23 SKILL.md:24 SKILL.md:25 SKILL.md:26 SKILL.md:33 SKILL.md:34 SKILL.md:35 SKILL.md:36 SKILL.md:37 SKILL.md:41 SKILL.md:42 SKILL.md:43 SKILL.md:44
No confirmed security findings were detected by the latest completed static and semantic audit. This does not prove the skill has no side effects.
Audited by: claude
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.

Open versioned report
Security Assessment

Copy report link

https://skillstore.io/skills/simon-he95-markstream-vue2/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_report

Markdown badge

[![Skillstore security assessment](https://skillstore.io/badges/skills/simon-he95-markstream-vue2/security.svg)](https://skillstore.io/skills/simon-he95-markstream-vue2?utm_source=security_passport_badge)

HTML badge

<a href="https://skillstore.io/skills/simon-he95-markstream-vue2?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/simon-he95-markstream-vue2/security.svg" alt="Skillstore security assessment" loading="lazy"></a>

Embed card

<iframe src="https://skillstore.io/embed/skills/simon-he95-markstream-vue2.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 security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/simon-he95-markstream-vue2/audits/1

BibTeX citation

@techreport{simon-he95-simon-he95-markstream-vue2-2026, author = {simon-he95}, title = {markstream-vue2 security audit report (audit version 1)}, institution = {Skillstore}, year = {2026}, number = {1}, url = {https://skillstore.io/skills/simon-he95-markstream-vue2/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 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/audits/1" identifiers: - type: other value: "skillstore:simon-he95-markstream-vue2:audit:1" description: "Skillstore immutable audit report identifier"

Skillstore Score

Why this score Evidence Confidence: Medium
55
Architecture
85
Maintainability
87
Content
65
Community
83
Spec Compliance

What You Can Build

Add Markdown rendering to a Vue 2 app

Set up the package, stylesheet, and basic MarkdownRender component in an existing Vue 2.7 project.

Build a streaming chat display

Configure smooth streaming, cursor behavior, and transitions for partial assistant responses and completed history.

Review legacy rendering settings

Keep safe HTML and strict Mermaid defaults while scoping any approved legacy exception to one trusted surface.

Try These Prompts

Basic setup 
Help me add markstream-vue2 to this Vue 2.7 application. Check the existing entry file and show the smallest safe setup.
Vue 2.6 compatibility 
Review this Vue 2.6 project for markstream-vue2 compatibility. Tell me whether @vue/composition-api is needed and where to import the stylesheet.
Streaming chat renderer 
Configure MarkdownRender for a Vue 2 chat interface. Stream active responses smoothly, then render completed history without streaming delay.
Scoped legacy exception 
Assess whether this trusted legacy content surface needs relaxed HTML or Mermaid settings. Keep the exception scoped and explain the security tradeoff.

Best Practices

  • Confirm the Vue version and build tooling before selecting a package.
  • Keep html-policy set to safe and Mermaid strict mode enabled by default.
  • Validate changes with the smallest relevant development or build command.

Avoid

  • Do not add @vue/composition-api to Vue 2.7 projects without a project need.
  • Do not use streaming pacing for completed chat history.
  • Do not enable trusted HTML or relaxed Mermaid parsing for untrusted content.

Frequently Asked Questions

Which Vue versions does this skill support?
It supports Vue 2.6 and Vue 2.7 projects.
When is @vue/composition-api required?
Use it only for Vue 2.6 projects that rely on Composition API patterns.
Where should the stylesheet be imported?
Import markstream-vue2/index.css after reset styles.
How should active chat messages be rendered?
Use automatic smooth streaming and avoid fade during active streaming.
Can I render trusted legacy HTML?
Only use trusted HTML on a clearly trusted and scoped surface with a documented reason.
When should I use another Markstream package?
Use the CLI package for Vue CLI or Webpack 4, and the Vite package for Vue 2 worker-import cases.

Developer Details

Author

simon-he95

License

MIT

Skillstore revision

r1

Version notice

The author did not declare a version.

Repository

https://github.com/simon-he95/markstream-vue/tree/6d75c25888c10809bf938931ebd78127583fa2dd/.agents/skills/markstream-vue2

Ref

aeb1814252a7125c8b732442bf1e7f2cd1f686c1

Maintenance freshness

7/19/2026

Usage

0 downloads · 0 views

File structure

📁 agents/

📄 openai.yaml

📄 SKILL.md