技能 markstream-svelte
📦
markstream-svelte
内容修订 r1 安全 ⚙️ 外部命令
Build Svelte 5 Markdown Chat Interfaces
Svelte teams need clear guidance for rendering Markdown and streaming chat responses. This skill provides focused integration guidance for markstream-svelte in Svelte 5 applications.
支持: Claude Codex Code(CC)
使用我的智能体安装
将此请求复制给你的智能体，其中包含权威 Skill 页面和清单。
智能体请求
Review the Skillstore skill "markstream-svelte" from https://skillstore.io/skills/simon-he95-markstream-svelte.md and its manifest at https://skillstore.io/api/skills/simon-he95-markstream-svelte/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.你的智能体仍应展示其计划，并按安全策略请求必要确认。
Agent 可读资源
当 AI Agent、爬虫或脚本需要干净上下文，而不是读取完整页面时，请使用这些链接。
测试它
正在使用“markstream-svelte”。 I need a renderer for a live Svelte 5 chat message.
预期结果:
- Use MarkdownRender with the message content value.
- Use automatic smooth streaming for the live message.
- Enable the cursor effect and disable fade to avoid flicker during gradual updates.
正在使用“markstream-svelte”。 A saved conversation is loading slowly.
预期结果:
- Treat the saved message as completed content.
- Disable smooth streaming because the content is already available.
- Enable fade for a polished entry animation.
正在使用“markstream-svelte”。 My Markdown includes math and diagrams.
预期结果:
- Load the required CSS after reset styles.
- Plan KaTeX and Mermaid worker setup.
- Run svelte-check and a production build after configuration.
安全审计
安全v1 • 2026/7/19 打开版本化报告
All 14 static findings are false positives. The detected backticks are Markdown inline-code delimiters for Svelte properties and tool names, not shell execution. No prompt injection, data exfiltration, or harmful intent was found in SKILL.md.
2
已扫描文件
30
分析行数
0
复核项
0
已忽略误报
风险因素
最新一次完成的静态与语义审计未检测到已确认的安全发现。这并不能证明该 Skill 没有副作用。
审计者: claude
分享与引用此报告
分享版本化评估报告、中性徽章、嵌入卡片和引用。Skillstore 只报告证据，不判断该 Skill 是否安全。
复制报告链接
https://skillstore.io/skills/simon-he95-markstream-svelte/audits/1?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown 徽章
[](https://skillstore.io/skills/simon-he95-markstream-svelte?utm_source=security_passport_badge)HTML 徽章
<a href="https://skillstore.io/skills/simon-he95-markstream-svelte?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/simon-he95-markstream-svelte/security.svg" alt="Skillstore security assessment" loading="lazy"></a>嵌入卡片
<iframe src="https://skillstore.io/embed/skills/simon-he95-markstream-svelte.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-svelte security audit report (audit version 1) [Author version unspecified]. Skillstore. https://skillstore.io/skills/simon-he95-markstream-svelte/audits/1BibTeX 引用
@techreport{simon-he95-simon-he95-markstream-svelte-2026,
author = {simon-he95},
title = {markstream-svelte security audit report (audit version 1)},
institution = {Skillstore},
year = {2026},
number = {1},
url = {https://skillstore.io/skills/simon-he95-markstream-svelte/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-svelte 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-svelte/audits/1"
identifiers:
- type: other
value: "skillstore:simon-he95-markstream-svelte:audit:1"
description: "Skillstore immutable audit report identifier"
Skillstore 评分
评分依据 证据置信度: 中 55
架构
85
可维护性
87
内容
65
社区
83
规范符合性
你能构建什么
Add a Markdown chat renderer
Set up a Svelte 5 chat view that renders assistant Markdown responses.
Tune streaming response behavior
Choose smooth streaming, cursor, and fade settings for live and completed messages.
Prepare rich content workers
Plan KaTeX and Mermaid worker configuration for Markdown content with math and diagrams.
试试这些提示
Check project compatibility
Help me confirm whether my Svelte project can use markstream-svelte. List the required Svelte version and the first integration steps.
Render Markdown content
Show me how to structure a Svelte 5 component that renders a Markdown content value with markstream-svelte. Include CSS placement guidance.
Configure live chat streaming
Help me configure markstream-svelte for a live chat response. Explain smooth streaming, typewriter, and fade settings and why each is appropriate.
Handle streaming and history
Design a Svelte 5 message renderer that switches between live streaming and recovered history. Include final-state behavior, worker considerations, and a validation checklist.
最佳实践
- Confirm Svelte 5 before adding markstream-svelte.
- Use separate settings for live streaming and completed history.
- Validate changes with svelte-check, a production build, and relevant end-to-end tests.
避免
- Do not use this guidance for Svelte 4 projects.
- Do not apply live streaming pacing to already completed history.
- Do not omit required CSS or worker setup when using math or diagram features.
常见问题
Which Svelte version does this skill support?
It supports Svelte 5. It directs Svelte 4 users to upgrade before integration.
What component should render Markdown?
The guidance uses MarkdownRender with a content value as the standard starting point.
When should I use smooth streaming?
Use it for content that arrives gradually in a live chat response.
How should completed history be rendered?
Disable smooth streaming for completed history and use fade if an entry animation is desired.
Does it cover KaTeX and Mermaid?
It identifies worker hooks for KaTeX and Mermaid and reminds you to load required CSS.
How should I verify the integration?
Run svelte-check, build the application, and add relevant end-to-end tests.
开发者详情
作者
simon-he95许可证
MIT
Skillstore 修订
r1
版本提示
作者未声明版本。
引用
aeb1814252a7125c8b732442bf1e7f2cd1f686c1
维护新鲜度
2026/7/19
使用量
0 次下载 · 0 次浏览
文件结构