我使用 Qua Co 已经有一段时间了。当你开始把 Qua Co 和 Nano Banana 2 这类工具搭配使用时，就能创造出一些相当惊艳的作品。
举个例子，我没有任何编程基础，却建成了这个网站；而且这个动画完全是靠 Nano Banana 2 和 Kua Ling 3.0 搞定的。我还自己动手做了一个定制化的提示词机器人，它能为 AI 网红生成结构化、平台适配的提示词，效果比直接用 GPT 强太多，用起来也更顺手。此外，我还做了个爬虫工具，用来辅助制作 YouTube 视频，连视频封面都能用 Nano Banana 2 轻松搞定。
我得声明一下：我完全没有编程经验，只是在随意探索这些工具。在这个分享中，我会展示我的实践成果，并手把手教你怎么做出和我一样的作品。
首先，我们来为自己的产品打造一个苹果风格的网站。这其实比我想象中简单得多。下面我就来演示具体操作过程。大家看到的这个完整网站，包括所有动画，全部由 AI 生成。视觉效果由 Nano Banana 2 完成，动画由 Kua Ling 3.0 制作，再通过 Qua Co 和 Anti-Gravity 让整个网站“活”起来——效果出人意料地出色，而且可以随心所欲地定制。
接下来是第一步：制作视觉素材。这一步要用到 Hitfield。进入 Hitfield 后，你可以用 Nano Banana 2 生成图片，再用 Kua Ling 3.0 给它们添加动画。
我们需要产品的起始画面和结束画面。对于起始画面，我准备放几张产品的参考图进去。我手头有两张图——画质一般，是从雷蛇笔记本官网上截取的。我们直接把它们拖进来，接着输入提示词：“一台合上盖子的笔记本电脑，纯黑背景，无反光。”
我还会把尺寸大小写进提示词里，因为 AI 经常在这个环节出错。现在生成一下，得到了这个结果——这就是我们的起始画面：一台合上盖子的笔记本。下载保存后，我们用刚才那两张参考图，加上这张新图，来生成下一张图。
我们把它拖入 Hitfield，再输入新的提示词：“背景为纯黑色，以这台打开屏幕、色彩鲜艳的笔记本为参考，正面视角。”点击生成，就得到了结尾画面。这样，我们就有了两个可用的视觉素材。
但正如你在网站上看到的，第一个动作镜头是：笔记本被打开，然后向右平移。这个平移动作，是我用 Kua Ling 单独生成的另一个镜头。所以还需要一张中间参考图——就是我当时做的那张，里面包含了两台笔记本的影像。另一台是我从雷蛇官网找来的，我试着把它统一放到纯黑背景中，最终得到了现在的效果。这样一来，我们就有了三张可用的图片素材。
接着切换到视频界面，点击 Kua Ling 3.0，上传第一个起始画面（合盖笔记本），再上传结束画面（开盖笔记本）。
我们输入一段场景描述：“固定镜头一镜到底。笔记本盖上的绿色雷蛇 Logo 在呼吸闪烁。一只穿着镭射品牌长袖连帽衫的男性手掌入镜，平稳掀开笔记本盖子；随着盖子被掀起，炫彩 RGB 键盘首先映入眼帘，随后屏幕亮起，同时男性手掌移出画面。”
我把这段描述原原本本写进去，然后用 Kua Ling 3.0 生成视频。我设定为 3 秒，是因为视频越长，在页面上需要下拉的距离就越远。
就像你现在看到的，在这个页面里，我得往下拉很长一段，才能看到笔记本打开的画面。然后画面切换到了侧面视角——这其实是两个视频片段，每个 3 秒，加起来共 6 秒。现在，视频的第一部分（开头 3 秒）已经生成好了。
接下来我们需要后半段的 3 秒内容：从笔记本打开的状态出发，加入侧面视角的镜头。现在我们已有这两张图，直接导入 Kua Ling，输入提示词，点击生成按钮，就得到了这段视频。
太棒了，现在你有了两个各 3 秒的视频。接下来需要在 Premiere Pro、CapCut 或你常用的任何剪辑软件里把它们拼接起来。这里我推荐一个免费软件，只需把两段素材拼接好并渲染导出，就能得到一个完整的视频。
好了，第一步到这里就完成了。现在可以开始第二步：下载 Anti-Gravity 插件。相关文件可在云桥网络频道免费获取。
等你按照步骤设置好 Anti-Gravity 插件并安装好布料模拟之后，就可以开始使用这个模板了。具体操作是：打开我提供给你的文件夹（名为 website），把你的内容放进去即可。
现在你已经掌握了基础，包括我做的那个视频，可以照着试试自己做网站了。
接下来我们需要启动 anti-gravity