WorkBuddy × 网站内容卡片设计 Skill

网站内容卡片设计 Skill不在 WorkBuddy 的前十推荐里——WorkBuddy更擅长中文办公、本地资料和企业协作，这个 Skill 的重心不完全在这里。它仍然可以正常安装使用，只是如果你要做的就是这件事，可以先看看下面几个更合适的 Agent。

WorkBuddy 适合市场与设计团队先把 Excel 商品表、Word 内容清单、PPT 视觉规范和页面截图放进同一任务，再整理卡片字段。它可以从办公资料中抽取标题、图片、价格、作者或分类，生成字段取舍表和设计任务单，方便产品、内容与设计同事继续确认。

卡片改版往往卡在资料分散：产品字段在 Excel，品牌规则在 PPT，旧页面只有截图。WorkBuddy 可以按文件来源把字段、缺项和责任人汇成表格，再附一页代表卡片说明。市场同事先确认内容，设计同事再处理视觉，避免一开始就围绕圆角和阴影来回改。

1. 01

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

   读取项目说明和页面截图，写清这是产品、文章、模板还是工具卡片，以及用户点击后去哪里。

2. 02

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

   从 Excel、Word 或 PDF 抽取至少三条样本，把必填、选填、缺失和待确认字段整理成表格。

3. 03

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

   用文档或演示稿表达图片、标题、说明、元数据和主要动作的顺序，标注品牌规范与待设计项。

4. 04

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

   WorkBuddy 可核对附件中的样稿或截图；需要浏览器实时渲染时，把检查清单交给设计或开发在真实页面完成。

在技能入口导入 Skill，把内容表、品牌规范和页面截图加入任务，先要求输出一页字段盘点，不直接改网站文件。

逐条核对名称、说明、价格或作者是否来自原文件，缺少的内容明确留空，不用相似产品的信息补齐。

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

请帮我把「网站内容卡片设计 Skill」安装到 WorkBuddy。
1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-card-layout/1.0.0/skill-card-layout.zip
   注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件，按 WorkBuddy 的方式安装：技能 → 添加技能 → 上传技能 → 选择本地技能包
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证：在“已安装”中搜索 Skill 名称，启用后用一个只读样本任务检查是否被正确调用。
5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。
参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-card-layout/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-card-layout.md

技能 → 添加技能 → 上传技能 → 选择本地技能包