技能 markstream-vue

📦

markstream-vue

Name: markstream-vue
Author: simon-he95

內容修訂 r1 安全 ⚙️ 外部命令

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.

支援: Claude Codex Code(CC)

🥉 77 銅級

Maintain this Skill? Claim it 🥉 77 銅級

使用我的智慧代理安裝

將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。

智能體請求

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.

你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。

Agent 可讀資源

當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。

Markdown 詳情 GET /skills/simon-he95-markstream-vue.md 已簽名 manifest GET /api/skills/simon-he95-markstream-vue/manifest 已簽名 lockfile GET /api/skills/simon-he95-markstream-vue/lockfile

測試它

正在使用「markstream-vue」。 Configure a Vue 3 AI chat message renderer.

預期結果:

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.

正在使用「markstream-vue」。 Choose a strategy for a long message timeline.

預期結果:

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.

安全審計

安全

v1 • 2026/7/19 開啟版本化報告

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.

已掃描檔案

分析行數

複核項目

已忽略的誤報

最近一次完成的靜態與語意稽核未偵測到已確認的安全發現。這並不能證明該 Skill 沒有副作用。

審計單位: claude

分享與引用此報告

分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。

開啟版本化報告

複製報告連結

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

Markdown 徽章

[![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 徽章

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

嵌入卡片

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

學術引用 (APA · BibTeX · CFF)

APA 引用

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 引用

@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 評分

評分依據證據置信度: 中

架構

可維護性

內容

社群

規範符合度

你可以打造什麼

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.

試試這些提示

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.

最佳實務

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.

避免

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.

常見問題

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.

開發者詳細資訊

作者

simon-he95

授權

MIT

Skillstore 修訂

版本提示

作者未聲明版本。

儲存庫

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

引用

aeb1814252a7125c8b732442bf1e7f2cd1f686c1

維護新鮮度

2026/7/19

使用量

0 次下載 · 0 次瀏覽

檔案結構

📁 agents/

📄 openai.yaml

📄 SKILL.md