# 安装 ui-demo

- 类型: Skill 技能
- 说明: 自动录制专业感网页应用界面演示视频，适合讲解、教程与产品展示
- 仓库: https://github.com/affaan-m/ECC
- ⚠ 安全: 该技能材料显示其本质是用于生成/指导 Playwright 录制 UI 演示视频的提示型开源内容，不要求密钥，也未声明任何远程端点。基于其 prompt-only、开源且社区采用度很高，整体风险较低；主要需注意的是其目标场景天然涉及页面探查与界面录制，若被实际执行会接触页面内容与本地浏览器自动化能力。

## 方式一 · 一键代装（复制提示词让 AI 代劳）

### Claude Code
```
请帮我安装 askskill 上的 "ui-demo" 技能：
1. 下载 https://raw.githubusercontent.com/affaan-m/ECC/main/skills/ui-demo/SKILL.md
2. 保存为 ~/.claude/skills/ui-demo/SKILL.md
3. 装好后重载技能，告诉我可以用了
```

### Codex
```
请帮我安装 askskill 上的 "ui-demo" 技能：
1. 下载 https://raw.githubusercontent.com/affaan-m/ECC/main/skills/ui-demo/SKILL.md
2. 保存为 ~/.codex/skills/ui-demo/SKILL.md
3. 装好后重载技能，告诉我可以用了
```

### Cursor
```
请帮我安装 askskill 上的 "ui-demo" 技能：
1. 下载 https://raw.githubusercontent.com/affaan-m/ECC/main/skills/ui-demo/SKILL.md
2. 保存为 ~/.cursor/skills/ui-demo/SKILL.md
3. 装好后重载技能，告诉我可以用了
```

## 方式二 · 命令行安装（原生命令与配置）

### Claude Code
```bash
mkdir -p '~/.claude/skills/ui-demo' && curl -fsSL 'https://raw.githubusercontent.com/affaan-m/ECC/main/skills/ui-demo/SKILL.md' -o '~/.claude/skills/ui-demo/SKILL.md'
```

### Codex
```bash
mkdir -p '~/.codex/skills/ui-demo' && curl -fsSL 'https://raw.githubusercontent.com/affaan-m/ECC/main/skills/ui-demo/SKILL.md' -o '~/.codex/skills/ui-demo/SKILL.md'
```

### Cursor
```bash
mkdir -p '~/.cursor/skills/ui-demo' && curl -fsSL 'https://raw.githubusercontent.com/affaan-m/ECC/main/skills/ui-demo/SKILL.md' -o '~/.cursor/skills/ui-demo/SKILL.md'
```