markstream-nuxt
Build SSR-Safe Markstream Views in Nuxt
Nuxt applications can fail during SSR when browser-only rendering tools load on the server. This skill guides safe markstream-vue setup, mode selection, streaming behavior, and MarkdownRender integration.
自分のエージェントでインストール
このリクエストをエージェントにコピーしてください。正規の Skill ページとマニフェストが含まれています。
Review the Skillstore skill "markstream-nuxt" from https://skillstore.io/skills/simon-he95-markstream-nuxt.md and its manifest at https://skillstore.io/api/skills/simon-he95-markstream-nuxt/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.エージェントは引き続き計画を提示し、セキュリティポリシーで必要な確認を求める必要があります。
エージェントが読めるリソース
AI エージェント、クローラー、スクリプトがページ全体ではなく整理されたコンテキストを必要とする場合は、これらのリンクを使ってください。
テストする
「markstream-nuxt」を使用しています。 Add a streaming assistant response to a Nuxt chat page.
期待される結果:
- Use chat mode for the live response.
- Keep smooth streaming in auto mode for SSR safety.
- Use a client-only boundary for browser-dependent peers.
「markstream-nuxt」を使用しています。 Render saved chat messages after a page reload.
期待される結果:
- Keep chat mode on the existing chat row.
- Disable smooth streaming for completed history.
- Enable fade only when a history-entry animation is required.
「markstream-nuxt」を使用しています。 Enable older trusted HTML behavior in one view.
期待される結果:
- Limit the change to a documented client-only surface.
- Use trusted HTML only after reviewing the content source.
- Keep strict Mermaid behavior unless a justified exception exists.
セキュリティ監査
安全All 25 external-command detections are false positives caused by Markdown backticks around package names, component properties, and documentation paths. All six reconnaissance detections are false positives; the skill only gives Nuxt rendering and SSR guidance. No prompt injection, data-exfiltration intent, or executable command was found.
リスク要因
⚙️ 外部コマンド (25)
このレポートを共有・引用
バージョン付き評価レポート、中立的なバッジ、埋め込みカード、引用を共有できます。Skillstore は証拠を報告しますが、この Skill が安全かどうかは判断しません。
レポートリンクをコピー
https://skillstore.io/skills/simon-he95-markstream-nuxt/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdownバッジ
[](https://skillstore.io/skills/simon-he95-markstream-nuxt?utm_source=security_passport_badge)HTMLバッジ
<a href="https://skillstore.io/skills/simon-he95-markstream-nuxt?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/simon-he95-markstream-nuxt/security.svg" alt="Skillstore security assessment" loading="lazy"></a>埋め込みカード
<iframe src="https://skillstore.io/embed/skills/simon-he95-markstream-nuxt.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-nuxt security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/simon-he95-markstream-nuxt/audits/1BibTeX形式の引用
@techreport{simon-he95-simon-he95-markstream-nuxt-2026,
author = {simon-he95},
title = {markstream-nuxt security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/simon-he95-markstream-nuxt/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-nuxt 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-nuxt/audits/1"
identifiers:
- type: other
value: "skillstore:simon-he95-markstream-nuxt:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore スコア
このスコアの理由 証拠の信頼度: 中作成できるもの
Add a chat renderer
Create an SSR-safe streaming chat view with the appropriate renderer mode and client boundary.
Render documentation pages
Configure rich document rendering while keeping browser-only peers out of server execution.
Fix hydration issues
Review first-screen streaming settings that can cause Nuxt hydration mismatches or blank flashes.
これらのプロンプトを試す
Add markstream-vue to this Nuxt 3 page. Keep the setup SSR-safe and explain each required file change.
Review this Nuxt component and choose chat, docs, or minimal mode for MarkdownRender. Explain the choice.
Implement a streaming chat response in Nuxt using markstream-vue. Avoid first-screen SSR hydration mismatches.
Audit this client-only MarkdownRender surface. Keep safe HTML and Mermaid settings unless trusted content is documented.
ベストプラクティス
- Use client-only wrappers or client plugins for browser-dependent peers.
- Keep smooth streaming in auto mode for first-screen SSR content.
- Use safe HTML and strict Mermaid settings unless content trust is documented.
回避
- Do not access browser globals during server-side module initialization.
- Do not enable smooth streaming on first-screen SSR content.
- Do not enable trusted HTML for content from unreviewed sources.
よくある質問
Which Nuxt versions does this skill support?
Which renderer mode should I use for chat?
How should I load the stylesheet?
Can I use Monaco or Mermaid during SSR?
Why should smooth streaming use auto mode?
When can I use trusted HTML?
開発者情報
作成者
simon-he95ライセンス
MIT
Skillstore リビジョン
r1
バージョンに関する注意
作者はバージョンを宣言していません。
参照
aeb1814252a7125c8b732442bf1e7f2cd1f686c1
メンテナンスの新しさ
2026/7/19
利用状況
0 ダウンロード · 0 閲覧
ファイル構成