markstream-angular
Integrate Markstream into Angular Apps
Angular teams need a clear path for adding Markdown rendering without unsafe defaults or unnecessary dependencies. This skill guides standalone setup, streaming behavior, CSS imports, and explicit trusted-content boundaries.
使用我的智慧代理安裝
將此請求複製給你的智慧代理，其中包含權威 Skill 頁面和清單。
Review the Skillstore skill "markstream-angular" from https://skillstore.io/skills/simon-he95-markstream-angular.md and its manifest at https://skillstore.io/api/skills/simon-he95-markstream-angular/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智慧代理仍應顯示其計畫，並依安全政策請求必要確認。
Agent 可讀資源
當 AI Agent、爬蟲或腳本需要乾淨脈絡、而不是讀取完整頁面時，請使用這些連結。
測試它
正在使用「markstream-angular」。 Add a basic Markdown message component to my Angular application.
預期結果:
- A standalone component integration plan.
- The component import and content binding to use.
- The Markstream stylesheet import location.
正在使用「markstream-angular」。 My chat shows live tokens and later reloads complete history.
預期結果:
- Streaming uses smooth pacing with the cursor enabled.
- Recovered history disables pacing and uses fade animation.
- The final flag marks completion after visible content catches up.
正在使用「markstream-angular」。 Can I allow custom HTML tags in Markdown?
預期結果:
- Use custom tag settings only for a documented trusted-content boundary.
- Keep the safe HTML policy for user-controlled or streamed content.
安全審計
中風險All 26 static findings are false positives. They result from Markdown inline code and documentation paths, not Ruby, shell, or reconnaissance behavior. The skill does document a security-sensitive trusted-rendering opt-out that can reduce protections when its trust boundary is misapplied.
已確認的安全問題 (1)
風險因素
⚙️ 外部命令 (24)
分享與引用此報告
分享版本化評估報告、中性徽章、嵌入卡片與引用。Skillstore 只報告證據，不判斷該 Skill 是否安全。
複製報告連結
https://skillstore.io/skills/simon-he95-markstream-angular/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/simon-he95-markstream-angular?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/simon-he95-markstream-angular?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/simon-he95-markstream-angular/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/simon-he95-markstream-angular.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-angular security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/simon-he95-markstream-angular/audits/1BibTeX 引用
@techreport{simon-he95-simon-he95-markstream-angular-2026,
author = {simon-he95},
title = {markstream-angular security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/simon-he95-markstream-angular/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-angular 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-angular/audits/1"
identifiers:
- type: other
value: "skillstore:simon-he95-markstream-angular:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore 評分
評分依據 證據置信度: 中你可以打造什麼
Add Markdown to a standalone app
Set up a standalone Angular component with Markstream imports, content binding, and required styles.
Build a streaming chat view
Configure smooth streaming, cursor behavior, fade settings, and the final state for an AI chat interface.
Migrate a trusted legacy renderer
Preserve a documented trusted rendering workflow while keeping safe defaults for all other content.
試試這些提示
Add markstream-angular to this Angular app. Use a standalone component, bind a Markdown string to content, and list the required stylesheet imports.
Integrate markstream-angular with optional KaTeX support. Keep dependencies minimal and show where each stylesheet belongs.
Create an Angular chat message component using markstream-angular. Configure streaming, fade, typewriter, and final-state behavior for live and recovered messages.
Review this Angular markstream integration. Keep safe HTML and strict Mermaid defaults, then identify any narrowly justified trusted-content exceptions and document their boundaries.
最佳實務
- Confirm the repository uses Angular before changing integration code.
- Keep HTML sanitization and Mermaid strict mode enabled for untrusted content.
- Install optional peers only when the requested feature requires them.
避免
- Do not disable HTML safety for user-controlled Markdown.
- Do not apply streaming pacing to already complete history content.
- Do not introduce NgModule patterns unless the existing application requires them.
常見問題
Does this skill support standalone Angular components?
When should I add KaTeX styles?
How should live chat messages be configured?
How should saved chat history be rendered?
Can I use trusted HTML mode?
Does the skill validate the application?
開發者詳細資訊
作者
simon-he95授權
MIT
Skillstore 修訂
r1
版本提示
作者未聲明版本。
引用
aeb1814252a7125c8b732442bf1e7f2cd1f686c1
維護新鮮度
2026/7/19
使用量
0 次下載 · 0 次瀏覽
檔案結構