OpenClaw × 网站内容卡片设计 Skill

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

OpenClaw 适合把卡片数据、图片目录、组件文件和检查脚本放在一个本地工作区。先用几条样本定义字段规格，再通过命令批量发现长标题、缺图、空链接和重复 CTA；获得写入授权后，还能修改组件并保存检查报告。

几十张卡片靠肉眼逐个看，很容易漏掉数据极端值。OpenClaw 可以读取 CSV 或 JSON，统计标题与摘要长度，核对图片路径和链接字段，再把异常行输出成报告。样本确认后才扩大到完整目录，过程文件留在项目文件夹里，下一次更新可重复运行。

1. 01

   确认卡片类型、浏览任务与主要动作

   读取 README、数据字段和页面入口，记录卡片类型、主要链接与不应出现的次要动作。

2. 02

   用真实样本筛选字段并确定层级

   从 CSV、JSON 或 Markdown 选取短标题、长标题、缺图等样本，输出字段覆盖率与异常清单。

3. 03

   设计卡片结构、图片和交互状态

   在获准目录中生成组件规格或修改候选文件，并保留原始数据到展示字段的对应关系。

4. 04

   在桌面与手机宽度检查代表样稿

   运行现有预览与检查命令；若环境不能渲染页面，输出可打开的 HTML 和明确的手工检查宽度。

用 CLI 安装包含 SKILL.md 的目录，项目内保留 data、images、component 和 reports 子目录，办公文件先转成 CSV 或 Markdown。

异常报告中的每一行都包含卡片 ID、字段名和来源文件，随机抽查后再决定是否修改数据或组件。

使用说明：原始文件按固定版本完整保留。中文方案沿用卡片组成、类型、层级、响应式、SEO 与可访问性方法；桌面列数和图片比例只作为参考，应结合真实内容与页面宽度确定。平台适配页中的文件扫描、组件修改、批量检查和定期复查属于延伸做法，需要相应工具、项目资料与操作授权。

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

openclaw skills install ./skill-card-layout --as card_layout_skill