Simon-He95/markstream-angular
.agents/skills/markstream-angular/SKILL.md
Integrate markstream-angular into an Angular app. Use when Codex needs standalone component imports, signal-based examples, CSS wiring, custom HTML tags or customComponents setup, or optional peer integration in an Angular repository.
$ install --global
skillsauthnpx skillsauth add Simon-He95/markstream-vue markstream-angularInstall 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:55 PM296.4s2 files scanned
SKILL.md
- name:
- markstream-angular
- description:
- Integrate markstream-angular into an Angular app. Use when Codex needs standalone component imports, signal-based examples, CSS wiring, custom HTML tags or customComponents setup, or optional peer integration in an Angular repository.
Markstream Angular
Use this skill when the host app is Angular and the task is to adopt the Angular package cleanly.
Workflow
- Confirm the repo is Angular.
- Install
markstream-angularplus only the requested optional peers. - Import
markstream-angular/index.cssfrom the app shell.- Add
katex/dist/katex.min.csswhen math is enabled.
- Add
- Prefer standalone Angular integration.
- Use
MarkstreamAngularComponentinimportsand keep examples signal-friendly.
- Use
- Start with
[content].- Use
[final],[codeBlockStream], and other streaming inputs only when the UI actually streams.
- Use
- Use
[customHtmlTags]and[customComponents]for trusted tag workflows. - Validate with the smallest useful Angular dev or build command.
Default Decisions
- Standalone Angular first, NgModule-era patterns only when the repo still depends on them.
- Treat streaming flags as opt-in.
- Keep optional peers minimal and explicit.
Useful Doc Targets
docs/guide/angular-quick-start.mddocs/guide/angular-installation.mddocs/guide/playground.mddocs/guide/troubleshooting.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