会计师网站构建器 (HandL Agency)
大多数会计网站看起来千篇一律，标题都是“欢迎来到 Smith & Co”。设计不佳并不是它们无法吸引客户的根本原因。真正的原因在于：H1标题没有明确服务与城镇、没有价格信息、没有真实人物展示、以及没有在访客阅读位置提供联系入口。本技能构建的页面既看起来高端，又能完成转化任务。
请按顺序执行以下步骤。
1. 获取需求概要（一次性询问，然后决定）
对于以下你无法推断的信息，用一条简短的消息一次性询问。其余内容自行填充，并说明你的选择。
- 公司名称、服务内容（例如“会计师”、“簿记”、“承包商会计师”）以及所在城镇或地区。
- 他们帮助的对象（一个细分领域永远比“所有企业”好），以及他们与众不同的地方（固定费用、每次电话由同一位会计师负责、响应时间）。
- 访客应该采取的一个核心行动（例如“获取固定报价”）。一个主按钮，在所有地方使用。
- 用三个词描述氛围，品牌颜色，以及他们自己拥有的照片或视频（如果有的话）。
2. 编写概要文件
使用 references/brief.md 编写 brief.json。复制 examples/ 中最接近的文件并进行修改；不要从空白开始。规则：
h1必须包含服务和所在城镇。使其人性化，而非关键词堆砌：“布里斯托的会计师，最终站在你这边。”sub长度为120到165个字符，以便同时作为元描述使用。stats是公司实际承诺的内容（回复时间、每年检查次数）。切勿编造客户成果、评论或奖项。- 使用
references/layouts.md选择布局。
3. 英雄场景（让它脱颖而出的部分）
默认使用 stage 布局：一个电影感背景底板、一个能够移动的金融对象（它会滑动、悬停、漂浮、旋转或流动）、粒子效果、一个巨大的回声词作为景深效果、鼠标视差效果，以及当访客滚动页面时对象向下飞动的效果。使用 references/scenes.md 构建场景：
- 选择一个适合公司的金融对象（硬币、用钞票风格纸折成的纸鹤、金色鸟、玻璃包裹物、税表纸船、铬色丝带）。现成场景位于
assets/scenes/。 - 对于新场景，使用图像模型生成一张静物图（提示公式见
scenes.md），将对象抠出，然后要求模型生成同一张图像但移除对象后的版本（即底板）。 - 在
brief.json中设置运动、粒子和回声词。
公司的团队照片应放在英雄区下方的部分。切勿热链接你没有版权的媒体，切勿使用握手或计算器的库存照片。
4. 构建
运行 python3 scripts/build.py brief.json site/。它会生成 site/index.html（单个文件，无需构建步骤，任何地方都能打开）并输出 SEO 检查结果。修复每一项失败的检查项，然后重新构建。
5. 检查与修复（不要跳过此步骤）
运行 python3 scripts/shoot.py site/index.html shots/（需要 Playwright：pip install playwright && python -m playwright install chromium）。打开截图，查看它们并使用 references/review.md 对页面评分。修复最弱的三个点，再次截图。当所有项评分达到4分或以上，或经过三轮修改后停止。
6. 交付
向用户提供：
index.html文件及其打开方式。- 最终的桌面端截图。
- 页面标题和 H1，以便用户确认它们包含了服务与城镇。
- 上线前需要替换的内容：真实照片、真实价格、预订或联系链接，以及页脚中的公司监管声明（例如 ICAEW/ACCA/AAT 执业资格信息）。
文件
references/brief.md：brief.json中的所有字段。references/layouts.md：各种布局及其适用场景。references/scenes.md：如何构建动画英雄场景、运动类型及图像提示。assets/scenes/：六个现成的金融场景（底板和抠出对象）。references/finance-rules.md：金融服务公司网站的 SEO 和转化规则。references/review.md：步骤5的评分标准。examples/*.json：六个完成的概要文件示例（会计师、簿记员、承包商会计师、电商簿记、税务申报、薪资服务）。scripts/build.py和scripts/stage.py：渲染页面（并将媒体文件复制到旁边）并运行 SEO 检查。scripts/shoot.py：生成桌面端和移动端截图以供审查。