技能 markstream-nuxt
📦

markstream-nuxt

内容修订 r1 安全 ⚙️ 外部命令

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.

支持: Claude Codex Code(CC)
🥉 77 青铜

使用我的智能体安装

将此请求复制给你的智能体，其中包含权威 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.

你的智能体仍应展示其计划，并按安全策略请求必要确认。

Agent 可读资源

当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。

Markdown 详情 GET /skills/simon-he95-markstream-nuxt.md 已签名 manifest GET /api/skills/simon-he95-markstream-nuxt/manifest 已签名 lockfile GET /api/skills/simon-he95-markstream-nuxt/lockfile

测试它

正在使用“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.

安全审计

安全
v1 • 2026/7/19 打开版本化报告

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.

2
已扫描文件
53
分析行数
0
复核项
0
已忽略误报

风险因素

⚙️ 外部命令 (25)
SKILL.md:3 SKILL.md:13 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:35 SKILL.md:36 SKILL.md:39 SKILL.md:40 SKILL.md:44 SKILL.md:45 SKILL.md:46 SKILL.md:47
最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。
审计者: claude
分享与引用此报告

分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。

打开版本化报告
安全评估

复制报告链接

https://skillstore.io/skills/simon-he95-markstream-nuxt/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-nuxt/security.svg)](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/1

BibTeX 引用

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

评分依据 证据置信度: 中
55
架构
85
可维护性
85
内容
65
社区
83
规范符合性

你能构建什么

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.

试试这些提示

Start a basic integration 
Add markstream-vue to this Nuxt 3 page. Keep the setup SSR-safe and explain each required file change.
Choose a renderer mode 
Review this Nuxt component and choose chat, docs, or minimal mode for MarkdownRender. Explain the choice.
Configure streaming chat 
Implement a streaming chat response in Nuxt using markstream-vue. Avoid first-screen SSR hydration mismatches.
Review trusted content 
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?
It supports Nuxt 3 and Nuxt 4 integration guidance.
Which renderer mode should I use for chat?
Use chat mode for AI chat and server-sent event output.
How should I load the stylesheet?
Import a markstream-vue stylesheet from a client-safe application shell or plugin.
Can I use Monaco or Mermaid during SSR?
Treat these heavy browser-dependent peers as client-only unless your project has a proven SSR pattern.
Why should smooth streaming use auto mode?
Auto mode waits for mount and helps prevent first-screen hydration mismatches.
When can I use trusted HTML?
Use it only for a documented trusted client-only surface after reviewing the content source.

开发者详情

作者

simon-he95

许可证

MIT

Skillstore 修订

r1

版本提示

作者未声明版本。

仓库

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

引用

aeb1814252a7125c8b732442bf1e7f2cd1f686c1

维护新鲜度

2026/7/19

使用量

0 次下载 · 0 次浏览

文件结构

📁 agents/

📄 openai.yaml

📄 SKILL.md