VibeMKT Hub

WorkBuddy × 内容与创意 · 可处理 4/4 个环节

WorkBuddy × 网站顶部公告栏设计 Skill

网站顶部公告栏设计 Skill有 4 个执行步骤，WorkBuddy 可以处理 4 步，其中 1 步需要相应工具与配置。它能直接读取本机目录里的资料，正好对应这个 Skill 里最吃工具的一段。页面预览、浏览器自动化属于有条件支持，执行路径和原生能力不同，下面单独说明。

  • 4个核心环节
  • 4/4当前可处理的环节
  • 未进前十在本 Agent 的推荐清单

WHY WORKBUDDY

适配结论

WorkBuddy 适合把活动方案、品牌规范、商品表和页面截图放进同一任务

网站顶部公告栏设计 Skill可以作为独立任务在 WorkBuddy 中使用。具体适配方式、资料交接和需要人工确认的环节见下方说明。

WorkBuddy 适合把活动方案、品牌规范、商品表和页面截图放进同一任务，由运营、文案、设计和开发角色一起整理顶部公告栏。团队可以先在 Plan 模式确认主要消息，再把文案、CTA、人群规则和多端说明汇总成可评审文档。

CAPABILITY × STEP

核心差异

从活动表、品牌稿和页面截图整理公告方案

网站顶部公告栏设计 Skill 共 4 个环节。WorkBuddy 可以处理 4 个环节，其中 1 个需要相应工具与配置。实际结果取决于输入资料、已接入工具与运行环境。

4个核心环节
4当前可处理的环节
1个需要工具与配置
无需要团队补充
WorkBuddy 跑 网站顶部公告栏设计 Skill 的逐步对照 · 每步要做什么见 网站顶部公告栏设计 Skill原生页面
步骤所需能力等级在 WorkBuddy 下具体怎么做
01 确认公告目标与主要信息 读本地资料打开网页取正文 直接执行 直接交给 WorkBuddy：它能直接读取本机目录里的资料。
02 收紧消息、CTA 与优惠条件 写本地文件 直接执行 直接交给 WorkBuddy：它能把过程文件和成果直接落盘保存。
03 确定位置、人群与关闭规则 写本地文件 直接执行 直接交给 WorkBuddy：它能把过程文件和成果直接落盘保存。
04 设计手机端并检查真实页面 页面预览浏览器自动化读本地资料 有条件 可以做但有条件：WorkBuddy 对页面预览的支持有限制。

顶部公告常同时牵涉 Excel 活动排期、Word 规则、PPT 视觉稿和网页截图。WorkBuddy 可以读取这些办公资料，让运营核对优惠与日期，文案收紧消息，设计补充颜色和手机端规则，最后在产物区交付一份公告方案。

  1. 01

    确认公告目标与主要信息

    读取活动排期、商品或方案资料和页面截图，标出已经确认的优惠、日期、目标人群与链接。

  2. 02

    收紧消息、CTA 与优惠条件

    由文案角色生成一条主要消息和一个 CTA，运营角色逐项核对金额、门槛、日期与适用条件。

  3. 03

    确定位置、人群与关闭规则

    结合页眉截图和运营要求，整理页眉上方或下方、固定或滚动、全部或分组人群、关闭后是否重复展示。

  4. 04

    设计手机端并检查真实页面

    设计角色补充手机端换行、颜色和关闭区域说明；真实页面的点击、关闭、分组与导航占位继续由团队逐项检查。

IMPORT · RUN

资料导入与任务下发

上传 Skill 与四类办公资料

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

需要准备的资料

  • 目标页面 URL、截图或线框图，以及页眉、主导航和现有公告栏的位置关系
  • 公告目标、优惠或活动详情、有效日期、适用条件、目标链接和已经确认的 CTA
  • 需要覆盖或区分的访客，包括全部访客、新访客、回访用户、地区或购物车状态
  • 品牌颜色与字体、桌面和手机宽度、现有组件能力，以及固定、关闭和过期后的处理要求

在 WorkBuddy 里是这样推进的

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

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

先下载 ZIP，再在 WorkBuddy 的技能板块选择「添加技能 → 上传技能」，导入本地技能包；安装完成后，到「已安装」中搜索并启用。

COLLABORATE · CHAIN

协作与后续衔接

运营、文案、设计和开发分列确认

运营确认优惠与日期，文案确认消息和 CTA，设计确认颜色与手机端，开发填写组件能否支持分组、关闭和过期下线。

已确认的活动信息直接进入公告文案

先从 Excel 和 Word 整理可用信息，再沿用同一份字段生成文案、展示规则和页面检查表，减少人工重复录入。

COMBINATION CASE

场景化实战案例

示例：整理黑五顶部公告方案

假设团队有一份黑五 Excel 排期、Word 优惠规则、品牌 PPT 和独立站截图，需要把多条信息收紧成顶部公告。

  1. 读取四类资料
  2. 核对折扣和日期
  3. 生成消息与 CTA
  4. 补充人群和关闭规则
  5. 输出多端评审表

预期结果：交付公告文案、CTA、展示条件、手机端说明和待查页面清单；点击与销售表现等待上线后观察。

VERIFY · TROUBLESHOOT

效果验证方法

确认金额、日期、门槛、人群和链接均来自上传文件；没有打开真实页面完成的检查继续写明待处理

确认金额、日期、门槛、人群和链接均来自上传文件；没有打开真实页面完成的检查继续写明待处理。

可直接使用的第一个任务

请在 WorkBuddy 中使用「网站顶部公告栏设计 Skill」。本次要完成：电商独立站要提示免邮门槛或限时优惠，但顶部同时出现两条促销信息，按钮也指向不同页面。我会提供目标页面 URL、截图或线框图，以及页眉、主导航和现有公告栏的位置关系和公告目标、优惠或活动详情、有效日期、适用条件、目标链接和已经确认的 CTA。请先完成一份小样，交付顶部公告栏文案：一条主要消息、CTA 文字、目标链接，以及必要的优惠条件或日期说明和展示方案：页眉上方或下方、固定或随页滚动、可关闭或持续显示，以及生效和下线时间，并列出需要我确认的金额、日期、适用人群和目标链接。

安装后的最小验证任务

安装完成后，先只做第 1 步：让 WorkBuddy 确认公告目标与主要信息，并把它直接读取本机目录里的资料的过程说出来。这一步是只读的，能确认 Skill 已被识别，也能确认它拿得到需要的资料。

WorkBuddy 常见问题

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

4 个环节里有 4 个可以处理，其中 1 个需要相应工具与配置。请结合逐步说明确认实际做法。

资料要怎么交给 WorkBuddy？

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

装完先做什么验证？

安装完成后，先只做第 1 步：让 WorkBuddy 确认公告目标与主要信息，并把它直接读取本机目录里的资料的过程说出来。这一步是只读的，能确认 Skill 已被识别，也能确认它拿得到需要的资料。

什么任务更适合选 WorkBuddy？

WorkBuddy 适合把活动方案、品牌规范、商品表和页面截图放进同一任务，由运营、文案、设计和开发角色一起整理顶部公告栏。团队可以先在 Plan 模式确认主要消息，再把文案、CTA、人群规则和多端说明汇总成可评审文档。

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

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

先确认一个活动版本

先用当前最重要的促销或新品消息校准字段与评审方式，再复制到其余活动。

顶部公告栏适合承载一条短消息和一个主要行动，优惠、日期、适用人群与目标链接需要来自已经确认的资料。分组展示取决于网站现有数据和组件能力；上线后再根据真实页面与流量数据观察点击、关闭、注册或销售表现，并按活动结束时间及时下线旧消息。

INSTALL

安装到 WorkBuddy

把网站顶部公告栏设计 Skill装进 WorkBuddy，点几下完成

先下载 ZIP，再在 WorkBuddy 的技能板块选择「添加技能 → 上传技能」，导入本地技能包；安装完成后，到「已安装」中搜索并启用。

METHOD 01 · 让 WorkBuddy 引导安装

复制提示词

先下载 ZIP，再按照 WorkBuddy 的提示进入技能板块上传本地技能包；当前任务无法操作技能板块时，由用户完成最后的上传和启用。

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

OTHER AGENTS

跨 Agent 适配对比

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

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

3/4 步可直接执行

OpenClaw 网站顶部公告栏设计

OpenClaw在这个 Skill 上直接覆盖 3/4 步，而且能操作浏览器完成登录态内的取数——如果你这次的卡点正是浏览器自动化，换它更省事。

3/4 步可直接执行

TRAE 网站顶部公告栏设计

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

3/4 步可直接执行

ZCode 网站顶部公告栏设计

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

FURTHER READING

WorkBuddy 与网站顶部公告栏设计相关的实操文章

继续了解顶部横幅文案、促销公告条、粘性公告栏、分人群展示与手机端公告栏的具体做法。

SaaS 定价页有三档套餐，客户为什么还是选不出来

定价页已经把 Starter、Professional、Enterprise 排成三张卡，价格、功能和“最受欢迎”角标也都在，销售仍然反复收到同一个问题：我们该买哪一档？这时团队很容易删一档套餐、放大

  • 转化文案
  • 产品营销
  • 转化率
  • 落地页

订阅弹窗提交率很高，为什么欢迎邮件还是没人点

订阅弹窗的周报很容易给人一种乐观错觉：新版提交率明显上涨，于是团队宣布测试胜出。打开欢迎邮件报告后，点击、优惠使用和购买却没有同步变化。这是一个假设场景，它说明了一种常见误判——团队赢了弹窗这一段，却

  • 营销自动化
  • 内容营销
  • 转化文案
  • 转化率

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

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

  • 转化率
  • AARRR
  • 落地页

免费工具访问量很高，为什么销售还是收不到好线索

假设一家 SaaS 公司上线了 ROI 计算器。三个月后，工具页的自然流量和使用次数都在涨，市场团队把它当作新的获客入口，销售却说收到的邮箱很难跟进：有人只想算一道题，有人来自目标行业之外，还有人留下

  • SEO
  • B2B获客
  • 增长策略
  • 营销分析

分享到 LinkedIn 的标题，别拿页面 Title 直接去灌

文章页点了分享，LinkedIn 和 X 上弹出来的卡片，用的经常是页面后台 Title。后台 Title 是写给搜索和浏览器标签的，里面会塞栏目名、品牌名、竖线分隔，拿到信息流里又长又像后台。分享卡

  • 海外社媒
  • 内容分发
  • 落地页

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

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

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

NEXT WORKFLOW

搭配使用

顶部公告栏处理页眉附近的一条短消息；站外横幅广告、页面弹窗、Hero 首屏、CTA 按钮、邮件订阅表单和主导航分别结合对应 Skill 处理。

WorkBuddy · 出海增长#01

WorkBuddy 应用商店优化 Skill

用 WorkBuddy 完成「App Store 的自然搜索流量已经停滞」，最终得到六维 ASO 评分卡与总分评级。

来源项目 · coreyhaines31/marketingskills ★ 52,924 · Fork 7,914
WorkBuddy · SEO 与 GEO#02

WorkBuddy 网站面包屑导航设计 Skill

用 WorkBuddy 完成「博客文章同时出现在多个专题中，不同入口生成了不同的面包屑路径」，最终得到面包屑路径表：逐类页面列出层级、标签、目标 URL、链接状态和主面包屑路径。

来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140
WorkBuddy · 内容与创意#03

WorkBuddy 网站内容卡片设计 Skill

用 WorkBuddy 完成「SaaS 工具目录的卡片同时放功能、价格、标签和多个按钮，访客很难快速比较」，最终得到卡片字段规格：必填、选填、显示顺序、文字长度和缺失内容处理。

来源项目 · kostja94/marketing-skills ★ 1,012 · Fork 140

VibeMKT COMMUNITY

加入 VibeMKT 社群

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

加入 VibeMKT 社群的微信二维码

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