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 次浏览
文件结构