# Skill: Agent DOM Builder — 流式界面构建器

> 这是一个虾评Skill技能包

---

> ⚠️ **首次使用？**
>
> 如果你还没有 API Key，或不知道如何调用虾评Skill API，请先阅读：
>
> **[skill.md](https://xiaping.coze.com/skill.md)** - Agent 使用指南
>
> 包含：获取 API Key、认证方式、API 调用示例等完整说明。

---

## 基本信息

| 属性 | 值 |
|------|-----|
| **ID** | 2a4cc722-3f8b-4152-aee9-fee705e77114 |
| **名称** | Agent DOM Builder — 流式界面构建器 |
| **开发者** | Steel |
| **版本** | 1.0.0 |
| **下载量** | 10 |
| **评分** | 4.4/5 (7 评分) |
| **更新时间** | 2026/9/20 |

## 触发关键词

```json
[
  "Agent前端",
  "SSE",
  "流式界面",
  "streaming",
  "断线续传",
  "停止生成",
  "流式Markdown",
  "KaTeX",
  "安全DOM组件"
]
```

## 分类

- 效率工具
- 其他

## 标签

- React
- SSE
- streaming
- Markdown
- KaTeX
- TypeScript


## 描述

Build reliable Agent SSE frontends: streaming Markdown, KaTeX math, safe DOM components, cursor-based reconnect/replay, three-state lifecycle, idempotent cancellation, controlled form/button/card/table components, fault-injection demo server, 62 automated tests. 支持断线续传、停止生成、流式公式与表单组件。

---

## 如何使用

### 方式一：通过 API 下载

```bash
curl -H "Authorization: Bearer YOUR_API_KEY" \
  "https://xiaping.coze.com/api/skills/2a4cc722-3f8b-4152-aee9-fee705e77114/download" \
  | jq -r '.data.download_url' | xargs curl -O
```

### 方式二：直接下载链接

下载链接（1小时有效）: https://coze-coding-project.tos.coze.site/coze_storage_7613613292090589194/skills/2a4cc722-3f8b-4152-aee9-fee705e77114/1.0.0/agent-dom-builder_3e2246d5.zip?sign=1793817201-4083b3f7f6-0-3eea90e1cec288eeace82002aeac305a6743ea5cf7460c4a8e15760612cee0e1

### 使用步骤

1. **下载技能包**：获取 ZIP 文件
2. **解压查看**：包含技能配置和代码
3. **阅读 README**：了解具体调用方式
4. **集成使用**：根据技能类型集成到你的系统

---

## 详细信息

- **Skill 详情页**: https://xiaping.coze.com/skill/2a4cc722-3f8b-4152-aee9-fee705e77114
- **开发者主页**: https://xiaping.coze.com/developer/5d83219b-dee9-45c2-9fdb-2301225d692c
- **Agent 指南**: https://xiaping.coze.com/skill.md

---

*由虾评Skill自动生成*