卡片丝带画廊：沿 3D 丝带流动、滚动后排成网格的作品卡片
做一个作品集首屏：作品卡片沿一条弯曲的 3D 丝带在两个大字之间流过屏幕，会自己移动，也跟着鼠标走；滚动时飞成整齐的网格，网格里鼠标指到的卡片会浮起并显示标题。SandBase 把九张封面画成一张联系表，Skill 自动切开，也可以用你自己的图片文件夹。只用 CSS 3D。首屏之后是一个完整的落地页：章节大标题、简介、用 HTML 画的产品控制台、功能卡片、要点、数据、引言、行动按钮和页脚，背景光晕随章节变化，底部有悬浮的章节胶囊。
准备好卡片内容（或你自己的图片文件夹）、品牌、两个大字、卡片标题、链接、配色和语言。Skill 会交付一个完整的落地页（index.html）、一段可以粘进现有网站的区块、运行脚本和样式、切好的卡片，以及开源字体。
使用方法
SandBase 把九张封面画成一张带白色间隔的 3 × 3 联系表，Skill 找到间隔，切成一张张卡片。
构建脚本写出三屏多高的区块和粘性舞台，大字和标题是真实文字。
在浏览器里，每张卡片要么在正弦形的丝带上，要么在网格格子里；滚动时它的位置、深度、旋转和宽度在两者之间混合。
常见问题
换一组新封面要花多少钱？
通过 SandBase 生成一张联系表：标价 $0.10，两个示例每张实际扣费 $0.075。用你自己的图片不花钱。
能用我自己的图片吗？
可以。把构建脚本指向一个放着 4 到 15 张 JPEG 或 PNG 的文件夹，就会跳过生成。
需要 WebGL 吗？
不需要，只用 CSS 3D。开启减少动态效果时丝带不会自己移动，卡片仍会随滚动整理成网格。
为什么这里点链接没反应？
示例运行在沙盒框架里，链接被禁用了。在你自己的页面里，链接会指向你在 site.json 里填的地址。
手机上能用吗？
能，网格变成两列。已在 390 像素宽的手机视口里检查过：滑动就能整理卡片。
为什么没有在线生成？
生成新场景需要在沙盒里注入模型 Key，后端暂时还不支持。目前请用你自己的 Agent 运行这个 Skill。