zaela.com 是 Zaela 的国际网站,而 Zaela 是 Edge OS 的新名称。网站提供五种语言:英语、法语、德语、荷兰语和简体中文。它由在 Zaela 中工作的 Claude 构建。这个案例说明工作是如何分工的,以及在哪些地方由人做最终决定。
任务简报
以五种语言、以一部品牌影片为核心,向国际受众介绍 Zaela,也就是 Edge OS 的新名称。网站本身也是一种证明:它是用它所介绍的产品做出来的。
记忆:把品牌写下来
品牌记忆指导了整个工作:品牌规范、语气、色彩和品牌风格。正是这些规范,让一个五种语言的网站始终一眼就能认出是同一个网站。
这套品牌风格足够具体,可以照着执行。标志是一只由 88 个圆点组成的蝴蝶,圆点排列在六边形网格上。整个网站说的是同一种“圆点语言”:动画、图标和点阵,而点阵从不放在文字后面。如此精确的规范,正是记忆的用武之地:写下一次,就指导了每一个页面。
智能体:一套写下来的方法
第二个指引是 Website Builder 智能体的方法。这套方法已经写成文字,并完整展示在网站的 Website Builder 页面上,共七个步骤:目标与市场、承诺与结构、风格框架、技术栈、搭建、测试、交付与上线。
在 Zaela 中,方法可以放在一个独立的技能里,由多个角色共用;也可以写在某个智能体自己的指令中。这里属于后者:这套方法属于 Website Builder。
技术选择也遵循同样的思路。网站是静态的:一个小小的构建脚本把模板和五个语言文件转换成纯 HTML 页面,不使用任何框架。这与方法本身的建议一致:能静态就静态,核心内容始终是真正的 HTML,搜索引擎和 AI 爬虫都能读取。
工具:影片与发布
品牌影片是一部时长 1 分 29 秒的自然纪录片,主角是一种真实存在的蝴蝶 Dismorphia zaela,英文俗名 zaela mimic white。影片分为两章:I · 拟态,II · 蝴蝶效应。
影片的每个部分都有各自的来源:
- 画面: 由 AI 生成,使用 Google Veo 3.1 Fast,关键帧由图像模型制作。画面已标注为 AI 生成。
- 配音: 合成语音,使用 Gemini 文本转语音制作。
- 音乐与音效: 用代码合成,升 F 大调。
- 字幕: 五种语言齐全。
关于这些模型的一点背景:Google 于 2025 年 10 月推出 Veo 3.1 和 Veo 3.1 Fast。Veo 3.1 可以从您提供的图像出发,例如首帧和尾帧;这样,一张静态图片就能在生成动作之前确定一个镜头的样貌。Gemini 的文本转语音则可以用日常语言控制风格、口音、语速和语气。
发布同样通过工具完成:Zaela 自己的网站发布功能。每个版本都先发布为预览;正式上线需要 Owner 或 Admin 批准。
每次发布前的检查
每次发布前,每个页面都会以五种语言、在桌面端和移动端自动检查:查找错误,以及超出版面的布局溢出。
哪些仍由人决定
Claude 负责构建,由记忆和方法指引。风格的选择和影片的选择由人来做。没有 Owner 或 Admin 的批准,任何版本都不会上线。
这是一种有用的分工:AI 承担能够做好、也能反复去做的工作;涉及品味和责任的地方,由人来决定。
您可以借鉴什么
- 先把品牌写下来。 AI 无法遵循从未提供给它的品牌规范。像“文字后面绝不放圆点”这样精确的规范,可以贯穿所有语言和页面。
- 给工作一套方法,而不是一个模板。 带有质量标准的书面方法可以带到下一个项目;模板只适合上一个。
- 选择最简单可行的技术。 由小脚本生成的纯 HTML 很容易检查。
- 标注 AI 制作的内容。 影片画面由 AI 生成,并已如实标注。说明哪个工具做了什么,就像这个案例一样。
- 让检查自动化。 五种语言乘以两种屏幕尺寸,就是每个页面十个视图。让脚本在每次发布前把它们全部检查一遍。
- 让人守住最后一道关。 先预览,再批准上线。
轮到您了
在 Zaela 中,您的团队使用同样的四个基本模块:品牌记忆、带有书面方法的智能体、负责制作和发布的工具,以及在关键环节的审批。了解 Zaela 能做什么。