Skills markstream-vue
📦

markstream-vue

Content revision r1 Safe ⚙️ External commands

Configure Markstream Vue Rendering

Vue teams can struggle to choose secure rendering modes and streaming settings. This skill provides focused guidance for integrating markstream-vue in Vue 3 applications.

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-vue" from https://skillstore.io/skills/simon-he95-markstream-vue.md and its manifest at https://skillstore.io/api/skills/simon-he95-markstream-vue/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-vue.md Signed manifest GET /api/skills/simon-he95-markstream-vue/manifest Signed lockfile GET /api/skills/simon-he95-markstream-vue/lockfile

Test it

Using "markstream-vue". Configure a Vue 3 AI chat message renderer.

Expected outcome:

  • Recommended renderer mode: chat.
  • Use content for ordinary streamed Markdown.
  • Keep smooth streaming for live chunks and disable it after finalization.
  • Keep the same renderer mode for the chat row.

Using "markstream-vue". Choose a strategy for a long message timeline.

Expected outcome:

  • Use MarkstreamVirtualTimeline when the application has no existing virtualizer.
  • Use the adapter with vue-virtual-scroller when that library already owns the timeline.
  • Measure the outer row and preserve thread state during switches.

Security Audit

Safe
v1 • 7/19/2026 Open versioned report

All 46 static findings are false positives. The scanner interpreted Markdown inline-code delimiters as shell backticks, but SKILL.md contains Vue configuration and documentation references, not executable shell or Ruby commands. The reconnaissance matches are also ordinary renderer and security-policy guidance.

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

Risk Factors

⚙️ External commands (42)
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:27 SKILL.md:28 SKILL.md:29 SKILL.md:30 SKILL.md:32 SKILL.md:33 SKILL.md:34 SKILL.md:35 SKILL.md:36 SKILL.md:37 SKILL.md:42 SKILL.md:43 SKILL.md:44 SKILL.md:45 SKILL.md:46 SKILL.md:48 SKILL.md:49 SKILL.md:50 SKILL.md:51 SKILL.md:52 SKILL.md:53 SKILL.md:57 SKILL.md:58 SKILL.md:59 SKILL.md:60 SKILL.md:61 SKILL.md:62
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-vue/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-vue/security.svg)](https://skillstore.io/skills/simon-he95-markstream-vue?utm_source=security_passport_badge)

HTML badge

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

Embed card

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

BibTeX citation

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

Build a streaming chat interface

Configure a Vue 3 chat row for paced Markdown streaming and stable completed-message rendering.

Render large support threads

Choose a virtual timeline strategy for long Markdown conversations without conflicting with an existing scroller.

Create a documentation surface

Set up rich Markdown rendering, optional code blocks, and safe HTML defaults for product documentation.

Try These Prompts

Start a Vue integration 
Help me add markstream-vue to my plain Vue 3 app. Recommend the CSS import order and a simple content-based renderer.
Configure chat streaming 
Configure markstream-vue for streamed AI chat responses in Vue 3. Use chat mode and explain settings for live output and completed history.
Virtualize a message timeline 
My Vue 3 app uses vue-virtual-scroller. Show how to connect useMarkstreamVirtualAdapter and preserve measurement state across thread switches.
Harden a rich renderer 
Review my markstream-vue configuration for untrusted Markdown. Keep safe HTML and Mermaid defaults, and identify any justified trusted-content exceptions.

Best Practices

  • Confirm that the host application is Vue 3 and not Nuxt before applying the guidance.
  • Keep html-policy set to safe and Mermaid strict mode enabled for untrusted content.
  • Run the smallest relevant development, build, or typecheck command after integration.

Avoid

  • Do not use docs mode only to finalize an existing chat message.
  • Do not let nested virtualizers compete to control the same message timeline.
  • Do not enable trusted HTML for content without a documented trust boundary.

Frequently Asked Questions

Is this skill for Nuxt applications?
No. It targets plain Vue 3 applications. Use markstream-nuxt guidance for Nuxt-specific setup.
Which renderer mode should I use for AI chat?
Use chat mode for streamed AI output and completed chat rows.
When should I use docs mode?
Use docs mode for rich document surfaces that need its larger batches, tooltips, or code rendering.
Can I use an existing virtual scroller?
Yes. Keep the existing outer virtualizer in control and use the Markstream adapter for Markdown items.
Are HTML and Mermaid safe by default?
The guidance keeps html-policy set to safe and Mermaid strict mode enabled by default.
Does the skill install dependencies?
No. It provides integration guidance. You choose and run the project package manager commands.

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-vue

Ref

aeb1814252a7125c8b732442bf1e7f2cd1f686c1

Maintenance freshness

7/19/2026

Usage

0 downloads · 0 views

File structure

📁 agents/

📄 openai.yaml

📄 SKILL.md