Hermes Agent × 网站轮播组件设计 Skill

网站轮播组件设计 Skill可以作为独立任务在 Hermes Agent 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。

Hermes Agent 适合从终端或消息入口分阶段推进轮播改版。团队先发送页面、素材清单与目标，Hermes 回报布局选择和当前缺少的资料；设计稿或测试地址就绪后，再沿同一任务检查按钮、暂停、键盘和手机状态。配置调度后还能定期回报新增素材问题。

轮播内容、设计和开发很少同时准备好。Hermes 可以把任务拆成素材确认、结构评审、页面复查三段，每次只向对应负责人请求下一份资料。它适合保留进度并发送阶段结果；本地文件要放进 Hermes 可访问的环境，真实页面视觉仍需人工或外部预览工具确认。

1. 01

   判断轮播是否适合当前内容

   从消息或终端接收页面目标和素材数量，先回复轮播选择理由、替代布局与需要补充的资料。

2. 02

   用真实素材安排顺序与可见数量

   读取可访问的文本清单，按内容优先级、来源、链接和缺项整理顺序；办公文件需要先转换。

3. 03

   设计控制方式与可访问状态

   用文字任务单说明按钮、分页、暂停、键盘和减弱动画，设计或开发完成后再进入页面复查。

4. 04

   检查服务器返回的完整 HTML、加载和布局稳定性

   Hermes 可接收开发检查结果和页面截图；没有原生页面预览时，保留待确认 URL、宽度和操作步骤。

把 Skill 放入 Hermes Skills 目录，通过终端或消息入口发送页面 URL、四条素材和目标动作，先要求给出布局判断。

• 页面预览

  影响：第 4 步 让键盘、触控和减弱动画设置都能使用、第 5 步 控制图片加载并预留稳定空间、第 6 步 让所有可检索内容进入服务器返回的完整 HTML

  原因：没有页面预览，网页类成果只能拿到源码

  做法：把 HTML 存到本地用浏览器打开检查

首次安装后让 Hermes 列出每张素材的来源、顺序、主要动作和缺项，确认 Skill 已按轮播场景工作。

具体的自动播放间隔、单次可见数量和图片比例，需要根据实际内容长度、设备宽度和阅读节奏确定。文件扫描、组件修改、页面预览、消息提醒和多页面维护能否执行，取决于所用 Agent 的工具配置、项目资料和操作权限。

请帮我把「网站轮播组件设计 Skill」安装到 Hermes Agent。
1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-carousel-layout/1.0.0/skill-carousel-layout.zip
   注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件，按 Hermes Agent 的方式安装：mkdir -p ~/.hermes/skills && cp -R ./skill-carousel-layout ~/.hermes/skills/
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证：在消息入口里发一条只读任务，确认 Hermes 报出 Skill 名称与将要执行的步骤。
5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。
参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-carousel-layout/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-carousel-layout.md

mkdir -p ~/.hermes/skills && cp -R ./skill-carousel-layout ~/.hermes/skills/