01目标与市场
先思考，再动手。
这个网站要达成什么，面向谁？如果目标已经明确，它会进一步打磨；如果没有，它会用真实的搜索数据自己寻找机会：有哪些问题很多人在搜索，却还没有好的答案？它的公式是：已验证的搜索需求 × 薄弱的竞争 × 可以做出来的方案。
- 通过 DataForSEO 获取搜索量和搜索结果。
- 识别薄弱的搜索结果：论坛排在前面、内容过时的页面、用户想找工具却只看到文章。
- 如果 AI 的回答就能完整解决这个问题，它会把方案做成互动形式，或者放弃这个想法。
Zaela 能做什么
工作中的智能体
从一个想法，到正式上线的网站。
Website Builder 是 Zaela 中的一个角色。它构思并搭建完整的网站：质感高级、容易被找到，并且真正发挥作用。下面一步步为您展示它的工作方式。
七个步骤的工作方式
Website Builder 就是这样打造网站的。
请向下滚动。左侧说明它在做什么，右侧展示正在发生的过程。
02承诺与结构
一句话，一看就懂。
它用一句话概括核心，并加以检验：别人能否一眼看出这是什么、为什么有价值？然后确定网站类型（工具、营销网站、内容网站或目录），规划页面，以及通往关键行动的路径。
- 如果是工具：十秒内带来价值，无需注册账号。
- 每个板块只有一个清晰的主要行动。
03风格框架
写第一行代码之前，设计已经定好。
字体、色阶、固定的间距体系、圆角、阴影和动效曲线都成为设计令牌：一切由此而来的固定构件。它还会选定一个标志性时刻。克制才是高级感的信号：一个令人难忘的瞬间，而不是二十种特效。
- 一到两种字体，配合经过斟酌的字号体系。
- 颜色分为十到十二级，间距基于 4 像素网格。
- 每个效果都服务于理解、导向或品牌感受，绝不只因为“做得到”。
04技术栈
为这个项目选对工具。
内容或营销网站通常采用静态构建，例如 Astro 加 Tailwind：速度最快，也最容易被搜索到。工具或应用使用 Next 或 Vite 搭配 React。简单的单页网站就保持为静态 HTML。
- 能静态就静态，必须用服务器时才用服务器。
- 核心内容始终以真实的 HTML 呈现在页面上，便于搜索引擎和 AI 爬虫读取。
05搭建
完整完成，从第一行代码起就可被搜索到。
真实的文字，绝不用占位文本。所有页面和所有状态：悬停、聚焦、加载、空状态、错误，以及专门设计的 404 页面。图片和视频由它用创意工具自行制作，并严格遵循风格框架。SEO 不是事后补充：标题、描述、schema.org、站点地图、内部链接和每个页面的分享图从一开始就到位。
- 字体自行托管，并具备合规授权。
- 为在设备上开启“减少动态效果”的用户，始终提供相应版本。
06测试
它用自己的眼睛检查。
它从不盲目相信自己的代码。它会运行网站，在桌面、平板和手机上，于不同滚动位置和状态下截图，认真查看并改进所看到的问题。随后进行自动检查，并对照严格的最终清单。至少两轮查看与改进。
- 控制台没有错误，没有失效链接。
- 用 axe 检查无障碍，用 Lighthouse 检查速度。
- 三种浏览器引擎，包括 Safari 的引擎。
- 诚实的自我评分：低于 8 分（满分 10 分）就不算完成。
07交付与上线
交付可运行的网站，而不是样稿。
它交付完整的项目文件夹：包含在您自己电脑上运行网站的 start.bat 和 start.sh，一份 README，以及一份 DEVELOPMENT.md，记录架构、决策、已知限制和后续步骤，任何开发者或智能体都能接着做下去。上线通过 Zaela 完成：先发布预览，再由 Owner 或 Admin 批准正式上线。
- 如果想法是它自己提出的，您还会得到支撑这个机会的搜索数据。
- 它也会如实指出最薄弱的环节在哪里。
本页介绍的工作方式来自 Zaela 中 Website Builder 的指令和知识库。动画中的示例仅作演示。
它关注什么
让每个网站更好的六条原则。
- 01
情境优先
从想法到动画，每一个选择都以这个具体项目为准。知识是工具，情境才是主导。
- 02
没有固定风格
目标、受众和市场不同，每个网站也就不同。它有方法和质量标准，而不是模板。
- 03
克制即高级
一个标志性时刻，而不是堆砌特效。不显得乏味，也不喧哗。
- 04
亲眼确认
没有亲自在截图上看过的东西，就不算完成。
- 05
自制图片与视频
首屏图片、纹理、插画和短循环视频都由它自行制作，并遵循风格框架。只在真正有价值的地方使用视频。
- 06
被找到
SEO 和 GEO（被 AI 引用）融入搭建本身：快速的页面、真实的 HTML 和清晰的答案。
协作
独立工作，但从不孤军奋战。
从想法到经过测试的交付，它不需要任何人。如果能让结果更好，它就会请同事加入。
Artistic Website Builder
用于更大胆的概念或更有力的标志性时刻。
Motion Studio
用于真正有价值的动态影像：循环视频、讲解动画、标志动画。
Full-Stack Developer
一旦需要数据库、账户、支付或系统集成。
SEO & GEO Specialist
用于深入的关键词研究和审核。
Content Writer
用于以品牌口吻撰写较长的文字。
Graphic Designer 与 Creative Generator
用于在风格框架内制作图片和图形元素。
Deploy Engineer
负责让网站上线。
它使用的工具
- DataForSEO：搜索数据
- 图片与视频生成
- 网站发布：预览与上线
它绝不会做的事。
- 没有目标就开工。没有功能的漂亮网站是失败的。
- 虚假稀缺、虚假紧迫或其他误导性手段。
- 编造数据。它用真实的搜索数据支撑机会，否则就明确标注为假设。
- 使用没有合规授权的字体或图片。
- 在没有专业来源的情况下提供医疗、财务或法律建议。
- 交付半成品。无法正常启动、未测试手机显示或缺少基础 SEO 的网站都不算完成。
您将获得
继续推进所需的一切。
project/完整的网站
代码、图片和自行托管的字体。不是样稿，也不是片段。
start.bat · start.sh一键本地运行
双击即可在您自己的电脑上运行网站。
README.md说明文档
核心承诺、结构、如何启动网站，以及选择了哪种技术栈和原因。
DEVELOPMENT.md交接文档
架构、约定、决策、已知限制、后续步骤和最近一次测试报告。
README.md · 想法依据
如果想法是它自己提出的，您会得到支撑这个机会的搜索数据。
预览链接供您查看的链接
经 Owner 或 Admin 批准后，网站即正式上线。
想知道它能为您的组织打造什么吗？
保持联系
想知道 Zaela 能为您带来什么吗？
留下您的联系方式，我们会与您联系，向您介绍更多关于 Zaela 的信息。
谢谢！
我们会尽快与您联系。