TRAE × 应用内付费墙 Skill

应用内付费墙 Skill不在 TRAE 的前十推荐里——TRAE更擅长营销工作与网站、落地页和程序化 SEO，这个 Skill 的重心不完全在这里。它仍然可以正常安装使用，只是如果你要做的就是这件事，可以先看看下面几个更合适的 Agent。

用这个 Agent 跑应用内付费墙 Skill，核心红利在重设页面布局组件和设计 A/B 测试变量时能直接开预览窗口核对手机和电脑尺寸。改完转化文案当场看页面效果，省掉切浏览器刷新的来回。核查产品营销文档需要先把 Word 另存为 Markdown，盘点拦截触发场景和设计 A/B 测试变量没有定时任务，要靠人工按周期触发同一条任务。如果你的成果只是 PPT 或 Word，不用选它，页面预览能力会闲置。常态化监测排名或巡检竞品也不适合长期放这跑。只有在落地页、程序化 SEO 页面这类需要直接看渲染效果的产出场景里，它的价值才压过手工触发和转格式的成本。

重设页面布局组件和改写页面转化文案这两个环节直接吃页面预览能力。写完功能对比表和价格展示的 UI 代码，右侧预览窗口立刻按手机和电脑尺寸展示渲染结果，标题有没有截断、退出口设计有没有被遮挡当场看清。不用切到外部浏览器刷新，也不用另起本地服务调断点。判断标准是预览窗口里能看到实际的 DOM 结构和样式，不只是输出一份 HTML 源码让你自己跑。在 7 个 Agent 里只有它和 ZCode 原生支持这一项，其他 Agent 产出页面类成果都要手动搬出去看效果。

1. 01

   核查产品营销文档

   本 Agent 读不到本机 Word 和 PPT。把计费模式说明和核心操作路径文档另存为 Markdown 或纯文本，再拖进 TRAE IDE 项目目录。Agent 读文本后按免费与收费边界生成功能限制清单，你确认清单和现有计费表对齐再进下一步。

2. 02

   重设页面布局组件

   把现有付费墙页面截图或前端 UI 代码放进项目目录，Agent 改完组件代码后在预览窗口按手机和电脑尺寸分别核对布局。功能对比表的列宽、价格展示的按钮位置、退出口设计的可见性直接在预览里看，不用切浏览器。判断标准是预览窗口渲染出的 DOM 和你最终部署的页面一致。

3. 03

   制定弹窗频率规则

   这是本 Agent 原生支持的环节。Agent 读页面正文和用户操作路径文档，按触发场景输出频率限制规则文件，写明免费试用快到期、功能限制拦截、新功能推荐这几种场景各自的弹窗间隔和冷却时间。文件直接落在项目目录里，部署时按文件里的规则配置触发逻辑。

4. 04

   设计 A/B 测试变量

   Agent 能产出 A/B 测试变量清单，但没有定时任务能力，无法按周期自动跑实验数据回收。你拿到变量清单后手工在各实验平台配置对照组合，到实验周期结束再手工触发一次任务让 Agent 读回数据出结论。

把计费模式说明、用户行为路径 PDF、现有付费墙截图和前端代码先转成 Markdown 或纯文本，放进 TRAE IDE 项目根目录下的 docs 文件夹。截图和 UI 代码直接放原文件，不用转。在 IDE 里对 Agent 说：读 docs 目录下的计费文档和路径说明，按免费试用到期、功能限制、新功能推荐三种场景出转化文案和组件清单。研究和写作类的任务在 TRAE Work 里交代，页面制作类的任务在 IDE 里交代。进度看 IDE 底部 Agent 面板的状态行，产物文件落在项目目录里。项目级 Skill 放进 .agents/skills/，跟着项目走，换项目不用重装。

• 定时任务

  影响：第 2 步 盘点拦截触发场景、第 6 步 设计 A/B 测试变量

  原因：没有定时执行，周期任务需要你自己触发

  做法：由你按周期手工触发同一条任务

• 中文办公文档

  影响：第 3 步 改写页面转化文案、第 4 步 重设页面布局组件

  原因：办公文档要先转成文本或 Markdown

  做法：先把办公文档另存为 Markdown 或纯文本

装完 Skill 先给一个最小任务：把一份现有的付费墙 UI 代码和一个计费文档放进项目目录，让 Agent 改写功能限制场景的转化文案并调整价格展示组件。看三个信号判断是否生效：一是右侧预览窗口有没有渲染出页面而不是只给代码，二是切手机尺寸时标题和按钮有没有自适应，三是输出的 A/B 测试变量清单有没有标注对照组和实验组的具体改动点。三个信号都通过再跑完整的免费试用到期场景。如果预览窗口空白或只输出源码不渲染，说明页面预览能力没接上，先查 Skill 配置再重试。