灯箱产品落地页

把画面摆出来，留下合适的那张。

网页灯箱自有图片胶卷离线单页

可下载试用

已提供完整测试包，可替换自己的品牌、内容和行动链接。正式质量验收仍在进行。

一张铺在深色胡桃木桌上的产品单页：发光灯箱、你自己的图片胶卷、跟随指针的放大镜，以及圈出选择的红笔。点击画面或按回车，相纸便重新显影。页面继续讲清过程、展示胶卷里的依据并给出行动入口；只有资料中提供时才出现价格或问答。与灯箱发布片和社交图片共用 content.json。

预览形式: HTML · Offline
配色: #29231f#f2ede4#cf2a2d

使用指南

请解压我提供的 light-table-landing.zip，读取 light-table-landing/SKILL.md。将完整文件夹安装到当前 Agent 的项目级 Skill 目录，保留脚本、字体与许可、参考说明和原创示例。用我共用的 content.json 与 12–24 张真实本地 PNG/JPG，每张带替代文本，可设置裁切焦点。运行 node scripts/build.mjs <content.json> <outdir>，再按 Skill 完成检查和交付。需要 Node 22+ 与已安装的 Chrome；影片另需 FFmpeg，并使用固定的 [email protected] 和外部 GSAP 3.15.0。缺图时必须标明占位，不得把示例胶卷用于其他品牌、编造输出或未经指示发布。此包为测试版。

动效细节

可交互的放大镜与随选择重新显影的相纸
围绕胶卷与可见依据组织的完整页面
支持键盘、手机及静止／减少动态效果状态

适合用来做

图像工具、视觉工作流与产品发布
让网页、影片和发布图片共用一份简报

创作提示示例

下载并解压 Skill 后，让 Agent 读取 SKILL.md，再提供你的产品资料。下面的提示可用作开始。

使用 light-table-landing Skill，用我共用的 content.json 和本地 PNG/JPG 胶卷制作完整离线网页，检查指针、键盘和手机交互。保留已确认文案、替代文本、焦点、保留帧、划掉帧与勾选帧。保留胡桃木桌、发光灯箱、放大镜、红笔与显影相纸。列出所有占位内容，不要编造产品输出。