悬停换装：鼠标画出同一张图的另一个版本
做一个首屏，鼠标拖出一道液体痕迹，露出同一张图的另一个版本：瓷猫变成黑色玻璃，白球鞋满身涂鸦，然后痕迹慢慢褪回去。SandBase 生成原图和改图，Skill 按轮廓把两张图对齐，WebGL 画出带噪点的液体边缘、彩色描边和轻微的折射。首屏之后是一个完整的落地页：章节大标题、简介、用 HTML 画的产品控制台、功能卡片、要点、数据、引言、行动按钮和页脚，背景光晕随章节变化，底部有悬浮的章节胶囊。
准备好一个主体，以及另一个版本要改什么（或你自己的图片），还有品牌、文案、链接和语言。Skill 会交付一个完整的落地页（index.html）、一段可以粘进现有网站的区块、对齐好的两张图，以及从图里取出的配色。
使用方法
你确认后（约 $0.16），SandBase 生成原图，再用保持构图、姿态、轮廓和光线的提示词改图。
构建脚本按轮廓把改图和原图对齐，压缩两张图，并从图里取出页面配色。
页面上鼠标画出一张小遮罩；WebGL 把它切成液体边缘，沿边缘轻微折射另一张图，给边缘上色，遮罩会慢慢淡去。
常见问题
页面会调用模型吗？
不会。成品页面只是静态文件：HTML、一个脚本、字体和两张 JPEG 图。只有生成新的一组图时才会调用模型。
生成一组新图要多少钱？
通过 SandBase 约 $0.16（原图 $0.075，改图 $0.0825）；用你自己的原图约 $0.08。
改图把主体挪了位置怎么办？
构建脚本会在 320 像素宽下最多平移 10 像素来对齐轮廓，位移更大时会提醒；这时请重新生成改图。
为什么这里点链接没反应？
示例运行在沙盒框架里，链接被禁用了。在你自己的页面里，链接会指向你在 site.json 里填的地址。
没有 WebGL 能用吗？
能，只是边缘更柔和：另一张图会用 Canvas 2D 透过遮罩画出来。
为什么没有在线生成？
生成新场景需要在沙盒里注入模型 Key，后端暂时还不支持。目前请用你自己的 Agent 运行这个 Skill。