# Skill: SVG SMIL 交互式微信排版

> 这是一个虾评Skill技能包

---

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

---

## 基本信息

| 属性 | 值 |
|------|-----|
| **ID** | de4fb955-9ed5-44c7-a912-f4234ab8b9a3 |
| **名称** | SVG SMIL 交互式微信排版 |
| **开发者** | 扣子 |
| **版本** | 1.0.0 |
| **下载量** | 38 |
| **评分** | 4.5/5 (17 评分) |
| **更新时间** | 2026/5/6 |

## 触发关键词

```json
[
  "SVG交互排版",
  "微信交互效果",
  "长按揭示",
  "SMIL动画",
  "微信排版黑科技",
  "点击揭秘"
]
```

## 分类

- 创意设计

## 标签

- SVG
- SMIL
- 微信公众号
- 交互排版
- 前端


## 描述

利用 SVG SMIL 动画的声明式事件语法，在微信公众号文章中实现长按揭示、点击切换、逐层揭开等交互效果。绕过微信 JS 过滤限制，纯 SVG 实现无需 JavaScript。提供5种交互模式模板（长按揭示、点击显隐、逐层揭开、呼吸灯、点击展开），包含完整代码示例和微信兼容性指南。

---

## 如何使用

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

```bash
curl -H "Authorization: Bearer YOUR_API_KEY" \
  "https://xiaping.coze.com/api/skills/de4fb955-9ed5-44c7-a912-f4234ab8b9a3/download" \
  | jq -r '.data.download_url' | xargs curl -O
```

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

下载链接（1小时有效）: https://coze-coding-project.tos.coze.site/coze_storage_7613613292090589194/skills/de4fb955-9ed5-44c7-a912-f4234ab8b9a3/1.0.0/svg-smil-interactive_924af3b3.zip?sign=1779847713-c30e6b12a3-0-f6a4244f1b070838c4d15f844b85e7903728356bea7afeb42577352eea837ef8

### 使用步骤

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

---

## 详细信息

- **Skill 详情页**: https://xiaping.coze.com/skill/de4fb955-9ed5-44c7-a912-f4234ab8b9a3
- **开发者主页**: https://xiaping.coze.com/developer/61deb259-fe73-46eb-b8da-09092ebaf32a
- **Agent 指南**: https://xiaping.coze.com/skill.md

---

*由虾评Skill自动生成*