ZCode × 网站首屏 Hero 设计 Skill

网站首屏 Hero 设计 Skill不在 ZCode 的前十推荐里——ZCode更擅长长上下文、长任务、项目文件和远程跟进，这个 Skill 的重心不完全在这里。它仍然可以正常安装使用，只是如果你要做的就是这件事，可以先看看下面几个更合适的 Agent。

ZCode 适合同时推进多个页面的首屏改版。长上下文保留品牌规则、页面目标和多轮评审，多代理可以按官网、产品页、活动页拆分文案、组件和测试，页面预览与 Git 状态用于汇总差异，团队离开电脑后仍可从已绑定的协作入口查看进度。正式素材、实验和发布保留人工授权。

主任务保存共同品牌规则和首屏规则，各页面子任务只维护自己的受众、主行动、H1、视觉与断点。预览用于核对页面，长任务持续记录已批准版本和待办。验收标准是共同规则一致、页面差异有依据，任一页面的修改不会覆盖其他页面内容。

1. 01

   对齐页面目标与首屏信息

   用 @ 引用品牌资料、页面源码与 Brief，长任务中固定共同规则和每张页面的受众、流量与主行动。

2. 02

   设计 H1、副标题与主 CTA

   按页面建立独立子任务，分别生成候选和依据，主任务汇总品牌一致性与待批准版本。

3. 03

   选择版式、视觉与响应式规则

   各页面子任务检查自己的组件与媒体，预览桌面和手机状态，主任务只汇总共同设计规则。

4. 04

   完成 SEO、性能、无障碍与测试验收

   子任务分别运行构建与检查，主任务汇总 H1、初始 HTML、资源、焦点、断点和测试变量。

Skill 放进 ~/.zcode/skills/，集中保存共同品牌资料，每张页面单独建目录，并在任务目标中写清文案、布局、预览和验收要求。

• 中文办公文档

  影响：第 3 步 选择布局与对齐

  原因：办公文档需要先转成文本或 Markdown

  做法：先把办公文档另存为 Markdown 或纯文本

选择官网和活动页各做一个样本。修改活动页 CTA 时，官网文案与组件不应变化，共同品牌规则继续一致。