Skills markstream-nuxt
📦

markstream-nuxt

Content revision r1 Safe ⚙️ External commands

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.

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

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-nuxt.md Signed manifest GET /api/skills/simon-he95-markstream-nuxt/manifest Signed lockfile GET /api/skills/simon-he95-markstream-nuxt/lockfile

Test it

Using "markstream-nuxt". Add a streaming assistant response to a Nuxt chat page.

Expected outcome:

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

Using "markstream-nuxt". Render saved chat messages after a page reload.

Expected outcome:

  • Keep chat mode on the existing chat row.
  • Disable smooth streaming for completed history.
  • Enable fade only when a history-entry animation is required.

Using "markstream-nuxt". Enable older trusted HTML behavior in one view.

Expected outcome:

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

Security Audit

Safe
v1 • 7/19/2026 Open versioned report

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
Files scanned
53
Lines analyzed
0
Review items
0
False positives ignored

Risk Factors

⚙️ External commands (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
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-nuxt/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-nuxt/security.svg)](https://skillstore.io/skills/simon-he95-markstream-nuxt?utm_source=security_passport_badge)

HTML badge

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

Embed card

<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>
Academic citations (APA · BibTeX · CFF)

APA citation

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 citation

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

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

What You Can Build

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.

Try These Prompts

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.

Best Practices

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

Avoid

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

Frequently Asked Questions

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.

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

Ref

aeb1814252a7125c8b732442bf1e7f2cd1f686c1

Maintenance freshness

7/19/2026

Usage

0 downloads · 0 views

File structure

📁 agents/

📄 openai.yaml

📄 SKILL.md