页面预览
把成果渲染成可直接查看的页面。页面类成果可以直接预览并按屏幕尺寸检查,是它最独特的一项
TRAE × 内容与创意 · 原生覆盖 88%
弹窗转化优化 Skill有 8 个执行步骤,其中 7 步可以在 TRAE 里直接完成。它能把成果渲染成可直接查看的页面,正好对应这个 Skill 里最吃工具的一段。批处理属于有条件支持,执行路径和原生能力不同,下面单独说明。
WHY TRAE
适配结论
弹窗转化优化 Skill不在 TRAE 的前十推荐里——TRAE更擅长营销工作与网站、落地页和程序化 SEO,这个 Skill 的重心不完全在这里。它仍然可以正常安装使用,只是如果你要做的就是这件事,可以先看看下面几个更合适的 Agent。
在 TRAE 上跑这个 Skill,「选定触发时机」和「过合规与无障碍」两个环节因为页面预览变简单:弹窗规则改完直接在预览窗口按手机、电脑尺寸核对弹出位置和关闭按钮,不用存盘、切浏览器刷新。要额外做两件事:品牌资料是 Word 或 PPT 的先另存成 Markdown;它不连飞书,方案卡和文案要手工贴回团队。没有定时重跑,弹窗数据的周期复盘要自己记着触发。成果如果只停在方案文档,页面预览闲置,选 WorkBuddy 更合适;方案要接着做成落地页或批量 SEO 页面的,TRAE 一次串完才划算。
把成果渲染成可直接查看的页面。页面类成果可以直接预览并按屏幕尺寸检查,是它最独特的一项
CAPABILITY × STEP
核心差异
弹窗转化优化 Skill 一共 8 步。TRAE 能直接执行 7 步,1 步有条件,0 步得你自己补,另外 3 步是纯判断、换哪个 AI 都一样。
| 步骤 | 所需能力 | 等级 | 在 TRAE 下具体怎么做 |
|---|---|---|---|
| 01 读取品牌资料 | 读本地资料 | 直接执行 | 直接交给 TRAE:它能直接读取本机目录里的资料。 |
| 02 摸底现状与流量 | 纯判断 | 任意 Agent | 纯判断步骤,任何 Agent 都一样,取决于你给的资料质量。 |
| 03 选定触发时机 | 页面预览 | 直接执行 | 直接交给 TRAE:它能把成果渲染成可直接查看的页面。 |
| 04 匹配弹窗类型 | 纯判断 | 任意 Agent | 纯判断步骤,任何 Agent 都一样,取决于你给的资料质量。 |
| 05 写全套弹窗文案 | 批处理页面预览 | 有条件 | 可以做但有条件:大规模批量建议在 IDE 侧用脚本承接。 |
| 06 定展示频次与人群 | 版本管理 | 直接执行 | 直接交给 TRAE:它能把过程文件纳入版本管理便于回溯。 |
| 07 过合规与无障碍 | 联网检索打开网页取正文页面预览 | 直接执行 | 直接交给 TRAE:它能自己发起搜索并扩展检索词。 |
| 08 出方案卡与测试假设 | 纯判断 | 任意 Agent | 纯判断步骤,任何 Agent 都一样,取决于你给的资料质量。 |
页面预览主要落在「选定触发时机」和「过合规与无障碍」两个环节。做法:在 TRAE IDE 里改完触发规则和弹窗代码,预览窗口分别切到手机宽度和桌面宽度,核对弹窗弹出位置、关闭按钮是否被遮挡、遮罩盖住多少正文,通过后再把触发条件写进方案卡。省掉的动作是存盘、切浏览器、刷新查看这一串。「写全套弹窗文案」也受益:标题和 CTA 按钮换行后的截断当场看得到。判断标准:手机宽度下弹窗不超出屏幕、关闭按钮可点、正文至少露出标题,这个触发时机才算通过。
这个 Agent 读不了本机的 Word 和 PPT。品牌与产品说明先另存成 Markdown 放进项目目录,已有的 product-marketing.md 原样保留会被优先读取。弹窗历史数据记在 Excel 的,同步存一份 CSV 再让它引用。
在 IDE 里改完触发规则和弹窗代码,预览窗口切手机、桌面两种宽度,核对弹出位置、关闭按钮是否可点,通过后把触发条件写进方案卡。存盘、切浏览器、刷新这一串动作全省掉。
预览窗口能当场看标题在手机宽度下是否折行、CTA 文字是否溢出按钮。批量写多个弹窗变体属于有条件支持:小批量直接生成,大规模批量建议在 IDE 侧用脚本循环承接。
先让它联网检索目标市场的弹窗法规要点,打开参考网页取正文,再在预览窗口核对关闭按钮位置、文字对比度和拒绝链接能否聚焦。手机宽度预览正好用来检查挡内容的投诉点。
IMPORT · RUN
资料导入与任务下发
TRAE可以直接读取目录里的资料,把这些文件放在同一个位置即可。
研究和写作任务可以在 TRAE Work 中准备资料;落地页、网站和程序化 SEO 项目放进 TRAE IDE。
导入 Skill 后,可以创建研究、文案、设计和开发角色分工完成,再用 MCP 读取已授权的数据和资料。
在 TRAE 的 Skills 设置里导入技能目录。弹窗 Skill 属于项目级,放进项目的 `.agents/skills/` 目录,跟着项目走。品牌资料另存成 Markdown 后放项目根目录,交代任务时写明优先读 product-marketing.md。研究和方案写作在 TRAE Work 里下发,弹窗页面制作在 TRAE IDE 里下发,可以建研究、文案、设计、开发几个角色分开交代。进度在各自会话窗口看;任务跑起来要守在电脑前,没有手机端远程跟进。
COLLABORATE · CHAIN
协作与后续衔接
TRAE 不原生连飞书和企业微信。MCP 可以接已授权的数据源,从飞书文档拉参考材料没问题。成果回流分两类:弹窗页面和 A/B 测试假设通常直接部署到站点,不经过飞书;方案卡和全套文案是文档类成果,要手工复制进飞书文档或群里,没有自动写回。
跨 Skill 按阶段串:研究类、文案类 Skill 在 TRAE Work 里产出人群结论和初稿,弹窗 Skill 和后续落地页 Skill 在 TRAE IDE 里接着做。中间产物以项目内 Markdown 文件和页面代码的形态留在同一仓库,不用导出上传。串之前确认 Work 和 IDE 指向同一个项目,角色分工写清楚。
COMBINATION CASE
场景化实战案例
一家做家居用品的跨境电商独立站,购物车放弃率偏高,旧订阅弹窗在手机端转化率不到 2%,还有用户投诉挡住商品图。运营两人小组要在两周内交付改版方案:新触发规则、移动端展示方式、全套文案和 A/B 测试假设。
预期结果:交付了挽回弹窗与订阅弹窗各一套:方案卡写明类型、触发条件、人群、频次,附全套文案和 A/B 测试假设。假设里的预期提升幅度和折扣力度由人工复核后上线,上线数据回填 CSV 供下轮迭代。
VERIFY · TROUBLESHOOT
效果验证方法
装完先跑最小任务:给它一份 product-marketing.md,写明主目标是首单折扣收邮箱,只要一个首单折扣弹窗的方案卡加全套文案。看三个信号:方案卡里触发条件是否写到停留秒数或滚动比例这种程度;预览窗口切手机宽度后弹窗是否完整、关闭按钮是否可点;拒绝链接措辞是否清楚,没有用「暂不需要」这类诱导写法。三个都齐,再交代全量任务。
请在 TRAE 中使用「弹窗转化优化 Skill」。本次要完成:独立站想加首单折扣弹窗,不知道什么时候弹合适。我会提供品牌与产品说明文档,如已有的 product-marketing.md 会被优先读取和弹窗目标:收邮箱、发折扣、内容订阅或挽留流失访客,选定一个主目标。请先完成一份小样,交付弹窗方案卡:写明类型、触发条件、目标人群、展示频次四项和全套文案:标题、副标题、CTA 按钮文字、拒绝链接措辞,并列出需要我核对的事实和数字。
安装完成后,先只做第 1 步:让 TRAE 读取品牌资料,并把它直接读取本机目录里的资料的过程说出来。这一步是只读的,能确认 Skill 已被识别,也能确认它拿得到需要的资料。
不需要改。8 步用到的能力TRAE全部原生支持,可以按 Skill 的原始方法直接执行。
TRAE可以直接读取目录里的资料,把这些文件放在同一个位置即可。
安装完成后,先只做第 1 步:让 TRAE 读取品牌资料,并把它直接读取本机目录里的资料的过程说出来。这一步是只读的,能确认 Skill 已被识别,也能确认它拿得到需要的资料。
因为它能把成果渲染成可直接查看的页面,在 7 个 Agent 里具备这些能力的不多。如果你的卡点不在这里,页面下方列出了更合适的选择。
没有调用 Skill 时,在 Skills 设置中确认已经启用;项目级 Skill 未出现时,检查 .agents/skills 目录;页面结果不合适时,打开预览并指出具体区块和屏幕尺寸。
最值得按自己业务改的是「写全套弹窗文案」环节:把品牌常用词、禁用词、折扣力度上限写进技能目录的说明文件,生成的标题和 CTA 会直接套用这些词、避开禁用词。其次是「选定触发时机」:把历史展示量、关闭率、转化率整理成 CSV 放进项目,触发建议就有自家数据可依。改完靠 `.agents/skills/` 目录随代码仓库提交,团队拉取后用的是同一版本。
INSTALL
安装到 TRAE
把提示词复制给 TRAE,它会自己下载 ZIP 并完成安装,装完会报告实际目录。
METHOD 01 · 交给 AI 自己装
适合大多数情况。Agent 会下载 ZIP、解压、放到正确目录,并在缺少权限时告诉你需要手工做哪一步。
请帮我把「弹窗转化优化 Skill」安装到 TRAE。 1. 下载完整 Skill ZIP:https://www.vibemarketing.work/packages/skill-popups/1.0.0/skill-popups.zip 注意:网页 HTML 不能当作 Skill 文件安装,必须使用 ZIP 里的完整文件。 2. 解压后保留 SKILL.md 及全部配套文件,按 TRAE 的方式安装:在 Skills 设置中导入包含 SKILL.md 的 skill-popups 目录;项目级 Skill 可放入 .agents/skills/skill-popups 3. 安装完成后告诉我实际安装目录。 4. 用一个只读小任务验证:在 Skills 设置里确认已启用,再让它对一个页面或一份材料做只读检查。 5. 如果你没有联网、下载或写目录权限,请直接告诉我哪几步需要我手工完成。 参考:原始 SKILL.md https://www.vibemarketing.work/raw/skill-popups/SKILL.md;安装指南 https://www.vibemarketing.work/agent-install/skill-popups.md
METHOD 03 · 手动放目录
解压 ZIP 后,在 TRAE 中执行:
在 Skills 设置中导入包含 SKILL.md 的 skill-popups 目录;项目级 Skill 可放入 .agents/skills/skill-popups
验证:在 Skills 设置里确认已启用,再让它对一个页面或一份材料做只读检查。
HTML 业务页面不能直接当作 Skill 文件安装。AI 需要下载完整 ZIP 并保留配套文件。
OTHER AGENTS
跨 Agent 适配对比
下面的步数来自逐步比对。卡在哪一步,就看哪个 AI 能直接完成那一步。
ZCode在这个 Skill 上直接覆盖 8/8 步,而且能对多个对象循环执行同一套方法——如果你这次的卡点正是批处理,换它更省事。
OpenClaw在这个 Skill 上直接覆盖 5/8 步,而且能对多个对象循环执行同一套方法——如果你这次的卡点正是批处理,换它更省事。
Codex在这个 Skill 上直接覆盖 5/8 步,而且能对多个对象循环执行同一套方法——如果你这次的卡点正是批处理,换它更省事。
FURTHER READING
围绕 TRAE 和这个任务的共同标签挑出来的,换成别的 Agent 看到的不是同一批。
流量结构一变,后台最显眼的数字就是转化率往下掉。很多人的反应是改按钮颜色、改表单字段、再开一轮首屏测试。这些能测,但排在后面。转化率是「来的人里有多少做了你要的动作」,来的人换了,动作完成率一定会动。
分享到 LinkedIn 的标题,别拿页面 Title 直接去灌
文章页点了分享,LinkedIn 和 X 上弹出来的卡片,用的经常是页面后台 Title。后台 Title 是写给搜索和浏览器标签的,里面会塞栏目名、品牌名、竖线分隔,拿到信息流里又长又像后台。分享卡
品牌语气提示词的作用,是把"我们品牌的文案应该是这种感觉"这句模糊要求,翻译成 AI 能逐条对照执行的约束。本文给出一个四层模板:品牌事实、语气维度、改写示例、输出自检。你替换方括号里的变量后即可直接
营销简报怎么写才能让AI产出不跑偏:一份可替换的Brief模板
营销简报(Brief)是 Vibe Marketing 里表达意图的核心输入:AI 产出跑偏,多数时候是简报没写清意图、受众、约束和验收标准。本文给出一份可替换变量的完整 Brief 模板,逐模块拆解
NEXT WORKFLOW
搭配使用
按产出物与输入资料的衔接关系计算,都是同一个 Agent 下的版本,装完可以直接接着跑。
用 TRAE 完成「测了五条短视频开头数据需要决定留哪条」,最终得到包含基线和测试组各核心指标变化的 Markdown 对照表。
用 TRAE 完成「着陆页文案转化太低需要调整」,最终得到标注修改原因的逐行审阅文档。
用 TRAE 完成「注册转化率还行但留存率太低」,最终得到包含流失率指标的注册转化漏斗分析表。