VibeMKT Hub

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

WorkBuddy × 网站首屏 Hero 设计 Skill

网站首屏 Hero 设计 Skill有 7 个执行步骤，WorkBuddy 可以处理 7 步，其中 5 步需要相应工具与配置。它能直接读写 Word、Excel、PPT 等办公文档，正好对应这个 Skill 里最吃工具的一段。在 7 个 Agent 里，同时具备中文办公文档、产物区审阅、操作前确认的并不多，这是选它做这项任务的实际理由。页面预览属于有条件支持，执行路径和原生能力不同，下面单独说明。

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

WHY WORKBUDDY

适配结论

WorkBuddy 适合把分散在 Word 产品说明、Excel 活动表、PPT 品牌方案和飞书需求中的首屏资料汇成一份执行单

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

WorkBuddy 适合把分散在 Word 产品说明、Excel 活动表、PPT 品牌方案和飞书需求中的首屏资料汇成一份执行单。它能让产品营销、文案、设计和前端围绕同一组 H1、CTA、视觉和移动端规则评审。页面组件制作与真实浏览器验收仍由设计和开发负责人完成。

中文办公文档

直接读写 Word、Excel、PPT 等办公文档。Word、Excel、PPT、PDF 是它最擅长的输入与输出形式

产物区审阅

在独立产物区里逐份审阅和修改交付物。这是 WorkBuddy 在 7 个 Agent 里相对少见的能力。

操作前确认

在敏感写入前请求确认。这是 WorkBuddy 在 7 个 Agent 里相对少见的能力。

CAPABILITY × STEP

核心差异

办公资料直接汇成首屏评审单

网站首屏 Hero 设计 Skill 共 7 个环节。WorkBuddy 可以处理 7 个环节，其中 5 个需要相应工具与配置。实际结果取决于输入资料、已接入工具与运行环境。

7个核心环节
7当前可处理的环节
5个需要工具与配置
无需要团队补充
WorkBuddy 跑 网站首屏 Hero 设计 Skill 的逐步对照 · 每步要做什么见 网站首屏 Hero 设计 Skill原生页面
步骤所需能力等级在 WorkBuddy 下具体怎么做
01 确认页面任务 读本地资料写本地文件页面预览操作前确认 有条件 可以做但有条件：WorkBuddy 对页面预览的支持有限制。
02 建立首屏信息层级 页面预览 有条件 可以做但有条件：WorkBuddy 对页面预览的支持有限制。
03 选择布局与对齐 页面预览中文办公文档 有条件 可以做但有条件：WorkBuddy 对页面预览的支持有限制。
04 安排视觉与移动端 页面预览 有条件 可以做但有条件：WorkBuddy 对页面预览的支持有限制。
05 检查 SEO 与性能 页面预览 有条件 可以做但有条件：WorkBuddy 对页面预览的支持有限制。
06 完成可访问性验收 打开网页取正文产物区审阅 直接执行 直接交给 WorkBuddy：它能访问原始页面并抽取正文。
07 准备测试与判定 纯判断 任意 Agent 纯判断步骤，任何 Agent 都一样，取决于你给的资料质量。

优势集中在资料归集和跨团队评审。WorkBuddy 从获准访问的产品文档、活动计划、品牌手册和客户反馈中提取受众、流量来源、价值主张、证明与主行动，生成首屏结构表和版本对比。验收标准是每条文案能回到输入资料，每项设计与技术要求都有负责人。

  1. 01

    对齐页面目标与首屏信息

    读取产品说明、活动表和历史页面，汇总页面类型、目标受众、流量来源、主行动与可使用证明。

  2. 02

    设计 H1、副标题与主 CTA

    基于已确认的产品利益和用户语言生成候选文案，在表格中标明版本、依据、适用受众和待确认项。

  3. 03

    选择版式、视觉与响应式规则

    把品牌素材和设备要求整理成分栏、居中或全宽布局说明，标出移动端顺序和缺失资产。

  4. 04

    完成 SEO、性能、无障碍与测试验收

    生成 H1、初始 HTML、LCP、键盘、对比度、减弱动效和测试变量清单，分配负责人和截止日期。

IMPORT · RUN

资料导入与任务下发

导入产品、活动、品牌与页面资料

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

需要准备的资料

  • 页面类型、目标受众、流量来源和单一转化目标
  • 产品价值主张、核心利益点、可使用的证明与常见异议
  • 品牌字体、颜色、Logo、图片、视频或产品界面素材
  • 网站技术栈、桌面与移动端要求、性能和无障碍限制

在 WorkBuddy 里是这样推进的

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

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

安装后上传产品说明、活动 Brief、品牌手册、现有页面截图和移动端要求。先生成资料缺口表，再写首屏方案。

COLLABORATE · CHAIN

协作与后续衔接

产品、文案、设计与前端在同一张表确认

产品确认价值主张，文案确认表达，设计确认版式与素材，前端确认性能和可访问性。WorkBuddy 汇总结论与待办，不代替各专业负责人批准。

首屏方案确认后再交给页面制作 Skill

先冻结 H1、主 CTA、视觉方向和移动端顺序，再把执行单交给落地页或前端任务，完成后回填预览链接与验收结果。

COMBINATION CASE

场景化实战案例

示例：新品活动页首屏协同评审

假设一个消费品牌准备上线新品预约页，产品卖点、活动日期和品牌图片分散在三份办公文件中。

  1. 导入产品与活动资料
  2. 整理受众和主行动
  3. 生成首屏文案候选
  4. 建立视觉与移动端规格
  5. 分配评审与验收任务

预期结果：交付物应包含可追溯的首屏评审单、版本表和责任清单；页面制作与上线由设计和开发完成。

VERIFY · TROUBLESHOOT

效果验证方法

检查首屏方案能否回答页面目标、受众利益、主行动、视觉作用、移动端顺序和技术要求，缺少输入时应明确列出

检查首屏方案能否回答页面目标、受众利益、主行动、视觉作用、移动端顺序和技术要求，缺少输入时应明确列出。

可直接使用的第一个任务

请在 WorkBuddy 中使用「网站首屏 Hero 设计 Skill」。本次要完成：官网首屏同时放了多项产品能力和多个按钮，需要收紧价值主张与主行动。我会提供页面类型、目标受众、流量来源和单一转化目标和产品价值主张、核心利益点、可使用的证明与常见异议。请先完成一份小样，交付首屏内容结构：H1、副标题、主 CTA、可选次 CTA、视觉与信任信息和文案备选：标题、副标题和按钮文字及各自适用条件，并列出需要我确认的金额、日期、适用人群和目标链接。

安装后的最小验证任务

安装完成后，请 WorkBuddy 读取这份 Skill 与已提供的输入资料，复述本次任务，并列出缺少的材料。只返回核对结果，不修改文件或网页。

WorkBuddy 常见问题

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

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

资料要怎么交给 WorkBuddy？

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

装完先做什么验证？

安装完成后，请 WorkBuddy 读取这份 Skill 与已提供的输入资料，复述本次任务，并列出缺少的材料。只返回核对结果，不修改文件或网页。

什么任务更适合选 WorkBuddy？

因为它能直接读写 Word、Excel、PPT 等办公文档，也能在独立产物区里逐份审阅和修改交付物，也能在敏感写入前请求确认，在 7 个 Agent 里具备这些能力的不多。如果你的卡点不在这里，页面下方列出了更合适的选择。

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

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

按版本记录文案与审批状态

保留标题、按钮、视觉、负责人、审批日期和测试结果。后续只更新发生变化的字段，避免不同文档各留一版。

INSTALL

安装到 WorkBuddy

把网站首屏 Hero 设计 Skill装进 WorkBuddy，点几下完成

安装后上传产品说明、活动 Brief、品牌手册、现有页面截图和移动端要求。先生成资料缺口表，再写首屏方案。

METHOD 01 · 让 WorkBuddy 引导安装

复制提示词

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

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

OTHER AGENTS

跨 Agent 适配对比

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

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

4/7 步可直接执行

TRAE 网站首屏 Hero 设计

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

4/7 步可直接执行

ZCode 网站首屏 Hero 设计

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

FURTHER READING

WorkBuddy 与网站首屏 Hero 设计相关的实操文章

围绕 WorkBuddy 和这个任务的共同标签挑出来的，换成别的 Agent 看到的不是同一批。

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

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

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

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

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

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

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

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

  • 转化率
  • AARRR
  • 落地页

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

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

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

初创企业优惠很大，创始人为什么还是不敢点申请

HubSpot for Startups 的首年优惠最高可达 90%。创始人准备申请时，仍要逐项核对：我的融资阶段符合吗？优惠覆盖哪个套餐？第二年要付多少？提交以后多久有结果？ 这类计划页吸引人的数字

  • 产品营销
  • 转化率
  • SaaS营销
  • 官网策划

NEXT WORKFLOW

搭配使用

按产出物与输入资料的衔接关系计算，都是同一个 Agent 下的版本，装完可以直接接着跑。

WorkBuddy · 数据与自动化#01

WorkBuddy 营销动作效果验证 Skill

用 WorkBuddy 完成「测了五条短视频开头数据需要决定留哪条」，最终得到包含基线和测试组各核心指标变化的 Markdown 对照表。

来源项目 · ericosiu/ai-marketing-skills ★ 3,601 · Fork 688

VibeMKT COMMUNITY

加入 VibeMKT 社群

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

加入 VibeMKT 社群的微信二维码

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