ZCode × 网站侧栏设计 Skill

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

ZCode 适合在较长的网站改版中维护博客、知识库、文档和地区站点的多套侧栏。它可以把页面清单、内容模型、组件引用、预览与每轮检查放在同一任务中，先完成一个页面族，再分批推进；离开电脑后还能从消息入口补充负责人结论。

大型内容站可能同时有博客、帮助中心、产品文档和多语言页面，侧栏组件互相关联，改版周期又跨越多周。ZCode 可以建立页面族—组件—行动—预览状态表，标出共享规则与站点例外，每批完成后记录实际文件、页面、宽度和待确认信息。

1. 01

   确认页面类型与侧栏任务

   用 @ 引用页面清单、内容模型和组件，按页面族记录侧栏任务、正文行动、设备场景与现有差异。

2. 02

   选择位置、滚动方式和组件

   对照各站点真实页面，建立共享位置、sticky 条件、组件顺序和地区、语言或页面族例外。

3. 03

   区分侧栏行动与正文主要行动

   先完成一个代表页面族，确认订阅、下载或购买入口的位置后，再更新共享组件或其余站点。

4. 04

   设计移动端规则并检查真实页面

   每批回看构建 HTML、页面预览、Git 差异与检查记录；没有实际预览的页面继续保留待检查状态。

在 Skills 目录安装后刷新启用，把页面清单、内容模型、组件、检查命令和首批页面加入项目。

状态表记录样本、文件差异、构建 HTML、桌面与手机结果；没有打开或渲染过的页面继续标记待检查。

上游给出的注意力、移动流量、点击率和转化倍数缺少可追溯样本，公开说明不采用这些数字作为业务判断依据。侧栏组件、订阅文案、客户评价、广告、目标链接和真实页面效果需要由网站团队提供并确认。

请帮我把「网站侧栏设计 Skill」安装到 ZCode。
1. 下载完整 Skill ZIP：https://www.vibemarketing.work/packages/skill-sidebar-design/1.0.0/skill-sidebar-design.zip
   注意：网页 HTML 不能当作 Skill 文件安装，必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件，按 ZCode 的方式安装：mkdir -p ~/.zcode/skills && cp -R ./skill-sidebar-design ~/.zcode/skills/
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证：在设置页确认技能已启用，对话中输入 $ 选择技能，再跑一个只读小任务。
5. 如果你没有联网、下载或写目录权限，请直接告诉我哪几步需要我手工完成。
参考：原始 SKILL.md https://www.vibemarketing.work/raw/skill-sidebar-design/SKILL.md；安装指南 https://www.vibemarketing.work/agent-install/skill-sidebar-design.md

mkdir -p ~/.zcode/skills && cp -R ./skill-sidebar-design ~/.zcode/skills/