OpenClaw × 网站轮播组件设计 Skill

网站轮播组件设计 Skill不在 OpenClaw 的前十推荐里——OpenClaw更擅长本地工作区、目录化 Skill、命令和批处理，这个 Skill 的重心不完全在这里。它仍然可以正常安装使用，只是如果你要做的就是这件事，可以先看看下面几个更合适的 Agent。

OpenClaw 适合把轮播数据、图片目录、组件文件和检查命令放在同一本地工作区。它可以先只读扫描幻灯片字段与资源路径，再检查服务器返回的完整 HTML、图片尺寸、自动播放和控制按钮；获得写入授权后，可修订组件并保留前后检查报告。

轮播有十几张图时，肉眼很难同时发现缺图、空链接、重复说明和只在点击后加载的内容。OpenClaw 可以读取 JSON、HTML 与组件文件，按幻灯片 ID 输出字段和资源异常，再调用项目已有命令检查构建产物。先在少量样本上确认规则，再扩到完整页面。

1. 01

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

   读取页面入口、数据量和浏览任务，对照需要逐项聚焦还是完整浏览，记录采用轮播或改用 Grid/List 的理由。

2. 02

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

   扫描 CSV、JSON、Markdown 和图片目录，生成幻灯片 ID、内容、资源、链接与顺序清单。

3. 03

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

   在获准目录中生成组件规格或修改候选文件，处理按钮、分页、暂停、键盘、焦点和减弱动画状态。

4. 04

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

   运行现有构建与测试，读取输出 HTML 和图片属性；具备预览工具时再检查桌面与手机，缺少时输出明确的人工检查清单。

用 CLI 安装包含 SKILL.md 的目录，项目内保留 data、images、component 和 reports 路径，办公资料先转换为可读文本或表格。

随机抽查幻灯片 ID，在原始数据、组件输入和构建 HTML 中逐层对照，确认文字、链接和图片没有丢失。

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

请帮我把「网站轮播组件设计 Skill」安装到 OpenClaw。
1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-carousel-layout/1.0.0/skill-carousel-layout.zip
   注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件，按 OpenClaw 的方式安装：openclaw skills install ./skill-carousel-layout --as carousel_layout_skill
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证：运行 openclaw skills list 确认技能已注册，再用一条只读样本命令检查调用。
5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。
参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-carousel-layout/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-carousel-layout.md

openclaw skills install ./skill-carousel-layout --as carousel_layout_skill