免费
Maison Vey · 16:9
由此 Skill 渲染
一个开源 Skill：直接拍你真实的产品页面，而不是做样机。AI 助手以 2 倍清晰度截取页面，为每个功能匹配调校好的镜头配方，写分镜，用 Remotion 做动画，配上踩点的音效和音乐，逐帧检查，交给你一支可继续编辑的 MP4。
更新于 2026年11月2日
你将得到
- 一支完整宣传片，H.264 MP4，1920×1080，30 fps
- 一个 Remotion 工程，每个镜头、字幕和音效都能编辑
- 每个镜头的静帧和一份质量审查
- 每个音效的来源署名文件
适合
- 网店、商品页和新品发布
- Web 应用、SaaS 后台和桌面工具
- 需要呈现高级感的功能更新
不适合
- 没有网站或界面可拍的产品
- 真人出镜或实拍视频
关于此 Skill
你只需说
/video-shotcraft 给我在 localhost:3000 的网店做一支 25 秒宣传片：从产品开场，展示尺寸选择和加入购物袋，最后落在我们的 logo。用共同创作，让我先确认分镜。
让 AI 助手打开你的网站、Web 应用或网店。Shotcraft 会截取真实页面，再像动效设计师一样调度它们：镜头从产品特写升起，拉到整个页面；内容行一条条落进位置；光标选中一个选项，价格随之切换；购物袋滑入，逐项填好；最后界面散去，你的品牌名落定。每一帧都来自你自己的页面和文案，所以画面清晰、符合品牌，而且完全可以继续编辑。
工作流程
- 产品检查：AI 助手读取项目或网站，判断要展示什么，并推荐三种做法之一：复用现成的 Ink Press 模板、让助手全权导演，或共同创作，由你确认简报、视觉方向、镜头清单和分镜。
- 截取页面：启动你的本地网站（或打开线上网站），以 2 倍清晰度截取每个页面、元素抠图和布局坐标表，镜头穿过真实页面时也不会发糊。
- 镜头：从 124 张镜头配方卡（开场、运镜、转场、交互、字效、收尾）中挑选，每张都附调校好的示例代码，在 Remotion 里搭建影片。
- 声音：从 Freesound 找音效（默认 CC0），精确钉到对应帧上；带上你自己的音乐，每个剪辑点都会踩在节拍上。
- 检查与渲染：每个镜头出静帧、整片渲染、按 Skill 的质量规则审查，然后输出 MP4。
小贴士
- 给它最重要的页面：商品页、关键操作和结果。
- 浏览镜头画廊，点名你喜欢的镜头，助手会照着做。
- 用真实的页面文案和价格，或让助手在截图前换成示例数据。
- 想在渲染前确认分镜，就选共同创作。
开源
Shotcraft 由 Yihao 制作（Vincentwei1021/video-shotcraft），以 Apache-2.0 许可证开源。下载的是 GitHub 上发布的 Skill，不含模板自带的音效文件；Skill 会自己从 Freesound 获取音效。
开始前需要准备
- 你需提供
- 你的网站或 App（本地项目或线上网址）、要展示的页面和功能，可选：你的音乐、logo，以及在画廊里喜欢的镜头。
- 依赖
- Node.js 20 或更高版本——必需 · FFmpeg——必需 · Python 3.9 或更高版本——必需 · Remotion——通过 npm 安装；个人和三人以内团队免费，更大的公司需要 Remotion 企业许可
- 外部费用
- 无。截图、动画和渲染都在你的电脑上完成，Freesound 音效免费，不需要 API 密钥或付费服务。
- 最近测试
- v1.0.0 —
用户评价
还没有评价。安装这个 Skill，成为第一个评分的人。
常见问题
网店也能用，不只是 App？
可以。它拍的是你页面上呈现的一切：商品页、尺寸选择和购物袋，跟后台或设置页一样好拍。本页的样片就是两家网店。
每一步都要我确认吗？
看你。选共同创作就由你确认简报、视觉方向、镜头清单和分镜；也可以让助手独立导演整支片子。
可以挑选效果吗？
可以。在画廊里浏览 124 种镜头配方，点名你想要的，助手会按调校好的示例代码来做。
为什么免费？
Shotcraft 是 Yihao 制作的开源 Skill。我们原样上架，并附上用我们的自有商品实际运行它做出的样片。
