Simon-He95/markstream-install
.agents/skills/markstream-install/SKILL.md
Install and wire markstream-vue, markstream-react, markstream-vue2, or markstream-angular into an existing repository. Use when Codex needs to choose the right package, install the smallest peer-dependency set, fix CSS/reset order, decide between `content` and `nodes`, or add a minimal working renderer example.
$ install --global
skillsauthnpx skillsauth add Simon-He95/markstream-vue markstream-installInstall 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 PM97.1s3 files scanned
SKILL.md
- name:
- markstream-install
- description:
- Install and wire markstream-vue, markstream-react, markstream-vue2, or markstream-angular into an existing repository. Use when Codex needs to choose the right package, install the smallest peer-dependency set, fix CSS/reset order, decide between `content` and `nodes`, or add a minimal working renderer example.
Markstream Install
Use this skill when the task is "add markstream to an app" or "fix a broken markstream install".
Read references/scenarios.md before making dependency choices.
Workflow
- Detect the target framework and CSS stack.
- Check
package.json, app entry files, Tailwind or UnoCSS config, and whether the repo is SSR or streaming-focused. - Choose the package that matches the host app:
markstream-vue,markstream-vue2,markstream-react, ormarkstream-angular.
- Check
- Install the smallest peer set that matches the requested features.
- Add peers only for features the user actually needs: Monaco, Mermaid, D2, KaTeX, or Shiki.
- Do not install every optional peer by default.
- Fix CSS order.
- Put reset styles before Markstream styles.
- In Tailwind or UnoCSS projects, place
markstream-*/index.cssinside@layer components. - Import
katex/dist/katex.min.csswhen math is enabled.
- Add the smallest working render example.
- Use
contentfor static or low-frequency rendering. - Use
nodesplusfinalwhen the app receives streaming updates.
- Use
- Keep customization scoped.
- If the task requires overrides, prefer
customId/custom-idplus scopedsetCustomComponents(...).
- If the task requires overrides, prefer
- Validate.
- Run the smallest relevant build, typecheck, test, or docs build command.
- Report which peers were installed, where CSS lives, and whether the repo should later adopt
nodes.
Default Decisions
- Prefer the minimal peer set over "install everything".
- Prefer
contentunless the app is clearly SSE, chat, token-streaming, or worker-preparsed. - Treat CSS order as a first-class part of installation, not a later cleanup.
- When the request includes SSR, explicitly gate browser-only peers behind client-only boundaries.
Useful Doc Targets
docs/guide/installation.mddocs/guide/usage.mddocs/guide/troubleshooting.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-vue
development
VerifiedTrustedCommunity
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.
2,242SKILL.mdUpdated Apr 15, 2026