前言¶

做产品改版、装修前后、修图效果这类交付时，经常需要一张「对比图」：左边是旧状态，右边是新状态，中间一条线分开。自己用图片处理库拼，要处理尺寸对齐、对齐基线、分隔线位置，还得记得去水印。这个 Skill 把这件事收敛成一次调用：你给两张图，它出一张固定布局的对比图。

这是什么¶

「接收『老图』与『新图』生成图片新旧对比图-万维易源」是一个图片合成类 Skill，由万维易源发布，走 enterprise 来源，在 SkillHub 上位于 design-media 分类，版本 1.0.1。它只做一件事：把老图和新图合成为左右分屏的新旧对比图。

Skill 坐标为 @showapi/image-comparison-generator-showapi，评分 100000，累计下载 6597 次，当前安装数为 0。

核心功能¶

下面介绍的功能来自该 Skill 的官方简介。

1、双图输入。接收「老图」和「新图」两张图片作为输入，不要求同一来源，但需要能明确区分新旧。

2、固定左右布局。老图固定居左，新图固定居右，位置是写死的，不做自适应交换，也不会因为输入顺序不同而改变左右关系。

3、固定线条分割。两图之间用固定线条分隔，用于明确新旧边界。

4、不添加文字水印。合成后的画面不叠加任何文字水印，输出即为无水印的对比图，适合直接用于交付或二次加工。

安装与启用¶

按通用 SKILL.md 格式的 Skill 通常通过 SkillHub 坐标安装，但本次抓取中官方页面（https://api.skillhub.cn/showapi/image-comparison-generator-showapi 与 https://www.skillhub.cn/skills/showapi/image-comparison-generator-showapi）未能成功取回正文，因此这里只列出可核实的信息，不给出未经确认的命令。

1、定位坐标：@showapi/image-comparison-generator-showapi。在 SkillHub 中搜索该坐标即可定位到该 Skill。

2、准备 API Key。该 Skill 的标签为 requires_api_key=true，说明调用需要有效的 API Key，使用前需先确认已具备并正确配置。

3、按所用客户端启用。资料中未区分 Cursor、Codex CLI、Claude Code 的安装差异，如需确认某个客户端的具体启用方式，请以官方页面为准。

典型用法¶

资料中未提供官方的可复现调用示例，下面只给出用法的输入约定，具体调用形式请以官方页面为准。

1、准备两张图片：一张代表旧状态（老图），一张代表新状态（新图）。

2、按「老图 + 新图」的顺序提供输入，明确标注哪个是老图、哪个是新图，避免顺序颠倒导致左右关系错误。

3、获取合成结果，得到左右分屏、中间线条分割、无文字水印的对比图。

适用场景与注意¶

适合的场景包括产品新旧版本对比、装修前后对比、修图效果展示、设计稿迭代对比。这些场景的共同点是：新旧两侧各只有一张图，且需要一张静态对比图作为结果。

需要注意的几点：

1、布局是固定的。如果期望上下分屏、拖动滑块对比、或让新图覆盖在老图上，这个 Skill 不提供这类能力。

2、只处理视觉合成。它不做差异检测、不标注变化区域，也不生成文字说明。

3、需要 API Key。标签已标明 requires_api_key=true，无 Key 的情况下无法正常调用。

4、无文字水印不等于无版权风险。图片本身的版权仍需自行确认，Skill 只是不在合成结果上叠加文字。

5、安装数为 0。下载量与安装量存在明显差距，采用前建议先小范围验证输出效果。

结尾¶

这个 Skill 的价值在于把「左右分屏对比图」从一次性的图片处理脚本变成一次调用的固定能力，省掉了自己处理布局、分隔线和水印的时间。适用场景明确，限制也明确：固定布局、无交互、需 API Key。

官方地址：https://api.skillhub.cn/showapi/image-comparison-generator-showapi