comparison-card

ZJU-REAL/Easel/skills/builtin/comparison-card

对比图/一图流：生成 A vs B 参数对比图、优劣势对比表、产品参数一图流。用 HTML+CSS 渲染成可截图的视觉卡片，适合小红书/微博等平台分享。使用时机：用户说"做个对比图"、"A vs B"、"参数对比"、"优劣对比"、 "一图流"、"对比表"、"哪个好"、"对比一下"。和 chart-visualization 的区别：chart 做数据图表（柱状图/折线图），comparison-card 做对比表/一图流。和 infographic 的区别：infographic 做多维信息图，comparison-card 专注 A vs B 对比。

把下面的话发给 Claude Code、Codex 或 Cursor。智能体会先检查内容，经你确认再安装。

请帮我安装这个 Agent Skill：https://github.com/ZJU-REAL/Easel/tree/main/skills/builtin/comparison-card

1. 先读取该目录下的 SKILL.md 和其他文件，检查是否有可疑内容（执行未知脚本、读取密钥、向外发送数据等），用中文告诉我它会做什么、需要哪些权限；
2. 等我确认后，再把整个目录安装到 ~/.claude/skills/comparison-card/（如果你不是 Claude Code，安装到你自己约定的 skills 目录）；
3. 安装后告诉我怎么触发它。

安装到个人 Skill 目录（对所有项目生效）。只想在当前项目用，改为 .claude/skills/。

git clone --depth 1 --filter=blob:none --sparse https://github.com/ZJU-REAL/Easel.git /tmp/comparison-card-src
cd /tmp/comparison-card-src && git sparse-checkout set "skills/builtin/comparison-card"
mkdir -p ~/.claude/skills && cp -r "skills/builtin/comparison-card" ~/.claude/skills/comparison-card

Skill 可以让智能体执行脚本。安装第三方 Skill 前务必看一遍内容，详见「安全」一课。

SKILL.md

在 GitHub 查看

正在从 GitHub 读取……