VibeMKT Hub

WorkBuddy × 内容与创意 · 原生覆盖 80%

WorkBuddy × 网站侧栏设计 Skill

网站侧栏设计 Skill有 5 个执行步骤，其中 4 步可以在 WorkBuddy 里直接完成。它能直接读取本机目录里的资料，正好对应这个 Skill 里最吃工具的一段。页面预览属于有条件支持，执行路径和原生能力不同，下面单独说明。

  • 4/5步可直接执行
  • 无需手工衔接的步骤
  • 未进前十在本 Agent 的推荐清单

WHY WORKBUDDY

适配结论

WorkBuddy 适合让内容、SEO、设计和运营团队直接用中文整理侧栏需求

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

WorkBuddy 适合让内容、SEO、设计和运营团队直接用中文整理侧栏需求。把页面截图、内容清单、文档目录和历史方案放进同一任务后，它可以分别梳理页面类型、组件优先级、正文行动与手机端规则，再汇总成可评审的文档或表格。

CAPABILITY × STEP

核心差异

从截图、文档和表格整理侧栏组件清单

网站侧栏设计 Skill 共 5 个环节。WorkBuddy 可直接执行 4 个环节（含 4 个仅需判断的环节），1 个需要相应工具与配置。判断质量取决于输入资料与具体推理。

4步可直接执行
1步有条件支持
无需手工衔接的步骤
80%原生覆盖率
WorkBuddy 跑 网站侧栏设计 Skill 的逐步对照 · 每步要做什么见 网站侧栏设计 Skill原生页面
步骤所需能力等级在 WorkBuddy 下具体怎么做
01 确认页面类型与侧栏任务 读本地资料打开网页取正文 直接执行 直接交给 WorkBuddy：它能直接读取本机目录里的资料。
02 决定位置与滚动方式 读本地资料 直接执行 直接交给 WorkBuddy：它能直接读取本机目录里的资料。
03 筛选组件并排出顺序 读本地资料写本地文件 直接执行 直接交给 WorkBuddy：它能直接读取本机目录里的资料。
04 区分侧栏行动与正文行动 写本地文件 直接执行 直接交给 WorkBuddy：它能把过程文件和成果直接落盘保存。
05 设计移动端规则并检查页面 页面预览读本地资料打开网页取正文 有条件 可以做但有条件：WorkBuddy 对页面预览的支持有限制。

侧栏改版的资料常散在页面截图、Word 需求、Excel 链接表和飞书讨论里。WorkBuddy 可以读取这些办公资料，让内容、SEO 和设计专家分别标出目录、相关文章、订阅、广告与社会证明，再把保留、删除和移动建议放进一张表。

  1. 01

    确认页面类型与侧栏任务

    读取页面截图、内容说明和运营目标，按博客、知识库、文档或商品内容页整理主要任务与正文行动。

  2. 02

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

    从团队资料中盘点目录、分类、相关文章、订阅、广告和社会证明，形成左侧、右侧、普通滚动或固定显示的候选方案。

  3. 03

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

    对照内容段落与转化目标，把正文主要行动和侧栏辅助入口分别写清，标出需要内容或业务负责人确认的文案。

  4. 04

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

    输出手机端隐藏、简化、折叠或后移规则；真实页面的滚动、遮挡、链接和设备表现由团队打开页面复查。

IMPORT · RUN

资料导入与任务下发

上传 Skill 与一组代表页面资料

WorkBuddy可以直接读取目录里的资料，把这些文件放在同一个位置即可。

需要准备的资料

  • 目标页面 URL、截图或线框图，以及页面属于博客、知识库、产品文档、商品内容页或其他类型
  • 侧栏的主要任务：章节导航、内容发现、订阅、购物辅助或社会证明，并标明正文中的主要行动
  • 候选组件及真实内容样本，包括目录、分类、相关文章、订阅说明、广告位、客户评价或品牌标识
  • 现有页面宽度、正文栏宽、桌面与手机断点、滚动容器、前端组件和可用性检查要求

在 WorkBuddy 里是这样推进的

把产品介绍、客户反馈、销售表格或历史方案拖进 WorkBuddy，并直接说清这次要完成的营销任务。

选择一个 Skill 后，用中文说清要完成的任务。需要多种专业能力时，可以让多个专家分工完成。

在 WorkBuddy 的技能入口导入技能包，再加入三到五张页面截图、组件清单、正文主要行动和现有移动端说明。

COLLABORATE · CHAIN

协作与后续衔接

多专家先分工，再合并成一张评审表

多专家先分工，再合并成一张评审表

内容专家核对组件内容，SEO 专家检查目录和相关文章，设计专家整理位置与手机规则，最后按页面逐条合并。

页面盘点直接进入侧栏方案

先把截图和链接表整理成页面—组件清单，再用同一清单生成位置、行动取舍和移动端规则，减少重复录入。

COMBINATION CASE

场景化实战案例

示例：整理品牌博客的侧栏组件

示例：整理品牌博客的侧栏组件

假设团队上传博客截图、文章分类表、订阅文案和相关文章清单，希望减少侧栏堆叠，同时保留内容发现入口。

  1. 读取截图与组件表
  2. 按任务标记组件
  3. 区分正文与侧栏行动
  4. 写出手机端规则
  5. 汇总评审表

预期结果：交付页面—组件清单、保留与删除建议、正文行动位置和移动端规则；真实页面的滚动与点击仍由团队复查。

VERIFY · TROUBLESHOOT

效果验证方法

确认目录、链接、订阅文案、客户评价和广告都来自上传资料；没有打开真实页面的视觉与交互检查继续标为待完成

确认目录、链接、订阅文案、客户评价和广告都来自上传资料；没有打开真实页面的视觉与交互检查继续标为待完成。

可直接使用的第一个任务

请在 WorkBuddy 中使用「网站侧栏设计 Skill」。本次要完成：博客侧栏同时放分类、热门文章、订阅、广告和客户评价，正文宽度缩小，读者也找不到最重要的入口。我会提供目标页面 URL、截图或线框图，以及页面属于博客、知识库、产品文档、商品内容页或其他类型和侧栏的主要任务：章节导航、内容发现、订阅、购物辅助或社会证明，并标明正文中的主要行动。请先完成一份小样，交付侧栏定位方案：左侧或右侧、普通滚动或固定显示，以及保留侧栏的业务理由和组件清单与顺序：导航、相关文章、辅助行动、社会证明和需要删除或移入正文的项目，并列出需要我核对的事实和数字。

安装后的最小验证任务

安装完成后，先只做第 1 步：让 WorkBuddy 确认页面类型与侧栏任务，并把它直接读取本机目录里的资料的过程说出来。这一步是只读的，能确认 Skill 已被识别，也能确认它拿得到需要的资料。

WorkBuddy 常见问题

  • 没有读到资料时，把文件重新拖进当前任务
  • 没有调用 Skill 时，直接说出 Skill 名称和要完成的任务
  • 结果太宽泛时，补充真实产品、客户和竞品资料
  • 页面预览相关步骤结果不稳定时，先确认当前环境是否满足条件
WorkBuddy 跑网站侧栏设计 Skill需要改哪几步？

5 步里 4 步可直接执行，1 步需要相应工具与配置。请结合逐步说明确认实际做法。

资料要怎么交给 WorkBuddy？

WorkBuddy可以直接读取目录里的资料，把这些文件放在同一个位置即可。

装完先做什么验证？

安装完成后，先只做第 1 步：让 WorkBuddy 确认页面类型与侧栏任务，并把它直接读取本机目录里的资料的过程说出来。这一步是只读的，能确认 Skill 已被识别，也能确认它拿得到需要的资料。

为什么选 WorkBuddy 而不是别的 Agent？

这个 Skill 用到的都是通用能力，7 个 Agent 差别不大，可以按你已经在用的工具来选。

WorkBuddy 常见的失败情况有哪些？

没有读到资料时，把文件重新拖进当前任务；没有调用 Skill 时，直接说出 Skill 名称和要完成的任务；结果太宽泛时，补充真实产品、客户和竞品资料。

先审三类代表页面

分别选择长博客、长文档和普通内容页，确认表格字段与判断方式后再扩到更多页面。

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

INSTALL

安装到 WorkBuddy

把网站侧栏设计 Skill装进 WorkBuddy，点几下完成

把提示词复制给 WorkBuddy，它会自己下载 ZIP 并完成安装，装完会报告实际目录。

METHOD 01 · 交给 AI 自己装

复制提示词

适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录，并在缺少权限时告诉你需要手工做哪一步。

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

OTHER AGENTS

跨 Agent 适配对比

TRAE、ZCode在这个 Skill 上覆盖更多环节

下面的步数来自逐步比对。卡在哪一步，就看哪个 AI 能直接完成那一步。

5/5 步可直接执行

TRAE 网站侧栏设计

TRAE在这个 Skill 上直接覆盖 5/5 步，而且能把成果渲染成可直接查看的页面——如果你这次的卡点正是页面预览，换它更省事。

5/5 步可直接执行

ZCode 网站侧栏设计

ZCode在这个 Skill 上直接覆盖 5/5 步，而且能把成果渲染成可直接查看的页面——如果你这次的卡点正是页面预览，换它更省事。

FURTHER READING

WorkBuddy 与网站侧栏设计相关的实操文章

继续了解博客侧栏、文档侧栏、相关文章、订阅入口与移动端布局的具体做法。

营销邮件打开率突然下降，先查送达、名单还是内容

这次营销邮件发出后，打开率比往期低了不少。内容同事先改主题行，运营把发送时间从上午挪到晚上，第二轮数据仍没有起色。这样的排查很常见，问题在于打开率把几件事压成了一个数字：平台怎样统计、邮件有没有被接收

  • Vibe Marketing
  • 营销自动化
  • 内容营销
  • 营销分析

转化率掉了别盯按钮颜色，来的人可能已经换了一批

流量结构一变，后台最显眼的数字就是转化率往下掉。很多人的反应是改按钮颜色、改表单字段、再开一轮首屏测试。这些能测，但排在后面。转化率是「来的人里有多少做了你要的动作」，来的人换了，动作完成率一定会动。

  • 转化率
  • AARRR
  • 落地页

关键词拓展Skill怎么用：输入输出契约与验收标准

关键词拓展 Skill 的正确用法，是把它当成一个有明确输入输出契约的执行单元：你交给它种子词、业务边界和排除规则，它返回一张带意图标注的候选词表。多数人调用后拿到一堆不可用的词，问题不在 Skill

  • Vibe Marketing
  • SEO
  • 关键词研究

相似关键词该合并还是分开写：三步意图判断法

相似关键词该合并还是分开写，取决于读者要完成的任务是否同一件，而不取决于字面差了几个字。先判断搜索意图、答案框架和独占信息能不能独立成立，再决定一页还是两页。写成两篇却回答同一问题，传统搜索会互相抢排

  • Vibe Marketing
  • SEO
  • 关键词研究

客户不肯署名，B2B 证言怎样写得可信

市场团队手里经常有这样的反馈：客户在复盘会上说产品确实解决了问题，也同意团队整理成文字，但一提公开姓名、公司和 Logo，审批就停住了。最后，官网只剩一句“某头部客户高度认可”，销售也不愿发给潜客，因

  • 内容营销
  • 用户调研
  • 销售赋能
  • B2B营销

NEXT WORKFLOW

搭配使用

侧栏负责页面内持续导航和辅助发现；整站主导航、文章目录、正文行动、订阅组件与内部链接分别结合对应 Skill 处理。

WorkBuddy · 海外广告投放#01

WorkBuddy 广告创意批量生产 Skill

用 WorkBuddy 完成「需要为 Google RSAs 写 15 条不同角度的标题」，最终得到符合各平台字数限制的标题、描述和正文文案组合。

来源项目 · coreyhaines31/marketingskills ★ 49,944 · Fork 7,586

VibeMKT COMMUNITY

加入 VibeMKT 社群

微信扫码，交流营销 Skill 的选择、安装、试用与业务化改造。

加入 VibeMKT 社群的微信二维码

二维码会持续显示，关闭弹窗后返回当前页面。