Simon-He95/markstream-vue
.agents/skills/markstream-vue/SKILL.md
Integrate markstream-vue into a Vue 3 app. Use when Codex needs to add the Vue 3 renderer, import CSS in the right order, choose between `content` and `nodes`, enable optional peers like Mermaid, KaTeX, D2, Monaco, or Shiki, or wire scoped custom components in a non-Nuxt Vue repository.
$ install --global
skillsauthnpx skillsauth add Simon-He95/markstream-vue markstream-vueInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Apr 15, 2026, 8:56 PM233.4s2 files scanned
SKILL.md
- name:
- markstream-vue
- description:
- Integrate markstream-vue into a Vue 3 app. Use when Codex needs to add the Vue 3 renderer, import CSS in the right order, choose between `content` and `nodes`, enable optional peers like Mermaid, KaTeX, D2, Monaco, or Shiki, or wire scoped custom components in a non-Nuxt Vue repository.
Markstream Vue 3
Use this skill when the host app is plain Vue 3, typically Vite-based, and not Nuxt.
Workflow
- Confirm the repo is Vue 3 and not Nuxt.
- Install
markstream-vueplus only the optional peers required by the requested features. - Import
markstream-vue/index.cssafter resets.- In Tailwind or UnoCSS projects, keep Markstream styles inside
@layer components.
- In Tailwind or UnoCSS projects, keep Markstream styles inside
- Start with
<MarkdownRender :content="markdown" />.- Switch to
nodesplusfinalonly for streaming, SSE, or high-frequency updates.
- Switch to
- Use
custom-idplus scopedsetCustomComponents(...)for overrides. - Validate with the smallest useful dev, build, or typecheck command.
Default Decisions
- Vue 3 apps default to
content. - Prefer local component registration unless the repo already uses a shared plugin entry.
- If the host is actually Nuxt, leave SSR-specific setup to
markstream-nuxt.
Useful Doc Targets
docs/guide/quick-start.mddocs/guide/installation.mddocs/guide/usage.mddocs/guide/component-overrides.md
Related Skills
Simon-He95/markstream-vue2
tools
VerifiedTrustedCommunity
Integrate markstream-vue2 into a Vue 2.6 or 2.7 app. Use when Codex needs Vue 2-compatible setup, `@vue/composition-api` decisions, CSS wiring, optional peer setup, or scoped Markstream overrides in a Vue 2 repository that is not specifically Vue CLI / Webpack 4 constrained.
2,242SKILL.mdUpdated Apr 15, 2026
Simon-He95/markstream-vue2-vite
development
VerifiedTrustedCommunity
Integrate markstream-vue2 into a Vue 2 plus Vite app. Use when Codex needs Vite-friendly worker imports, `?worker` or `?worker&inline` setup for Mermaid or KaTeX, modern CSS ordering, or Vue 2 compatibility in a Vite-based repository.
2,242SKILL.mdUpdated Apr 15, 2026
Simon-He95/markstream-vue2-cli
tools
VerifiedTrustedCommunity
Integrate markstream-vue2 into a Vue 2 Vue CLI or Webpack 4 app. Use when Codex needs Webpack 4-friendly setup, CDN worker fallbacks for Mermaid or KaTeX, `dist/index.css` imports, Vue 2 composition-api shims, or safer code block defaults that avoid fragile Monaco worker setups.
2,242SKILL.mdUpdated Apr 15, 2026
Simon-He95/markstream-react
tools
VerifiedTrustedCommunity
Integrate markstream-react into a React 18+ or Next app. Use when Codex needs to add the React renderer, import CSS correctly, choose between `content` and `nodes`, keep Next client boundaries safe, convert renderer overrides, or prepare a repo for `react-markdown` migration.
2,242SKILL.mdUpdated Apr 15, 2026