Claude Code × 内容与创意 · 原生覆盖 63%

Claude Code × 弹窗转化优化 Skill

弹窗转化优化 Skill有 8 个执行步骤,其中 5 步可以在 Claude Code 里直接完成。它能对多个对象循环执行同一套方法,正好对应这个 Skill 里最吃工具的一段。页面预览属于有条件支持,执行路径和原生能力不同,下面单独说明。

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

WHY CLAUDE CODE

在 Claude Code 上跑这个 Skill

弹窗转化优化 Skill不在 Claude Code 的前十推荐里——Claude Code更擅长项目上下文、文件、终端和 MCP,这个 Skill 的重心不完全在这里。它仍然可以正常安装使用,只是如果你要做的就是这件事,可以先看看下面几个更合适的 Agent。

在 Claude Code 上跑这个 Skill,「读取品牌资料」和「定展示频次与人群」因项目上下文变简单:product-marketing.md 放进项目根目录即被优先读取,品牌规则写一次长期生效;频次与人群规则由 git 管版本,多人改动不互相覆盖。「过合规与无障碍」靠子任务分工拆开并行检索,再汇总进同一份方案。要额外做的是「选定触发时机」和「写全套弹窗文案」里的页面预览,手机端遮罩效果要开浏览器开发者工具人工核对;成果散落成项目文件,没有独立产物区,需要有人维护目录。只做一次弹窗、或没人愿意维护项目目录的团队,不必选它。

批处理

对多个对象循环执行同一套方法。这是 Claude Code 在 7 个 Agent 里相对少见的能力。

CAPABILITY × STEP

项目上下文与子任务分工下的弹窗文案生产

弹窗转化优化 Skill 一共 8 步。Claude Code 能直接执行 5 步,3 步有条件,0 步得你自己补,另外 3 步是纯判断、换哪个 AI 都一样。

5步可直接执行
3步有条件支持
需手工衔接的步骤
63%原生覆盖率
Claude Code 跑 弹窗转化优化 Skill 的逐步对照 · 每步要做什么见 弹窗转化优化 Skill原生页面
步骤所需能力等级在 Claude Code 下具体怎么做
01 读取品牌资料 读本地资料 直接执行 直接交给 Claude Code:它能直接读取本机目录里的资料。
02 摸底现状与流量 纯判断 任意 Agent 纯判断步骤,任何 Agent 都一样,取决于你给的资料质量。
03 选定触发时机 页面预览 有条件 可以做但有条件:Claude Code 对页面预览的支持有限制。
04 匹配弹窗类型 纯判断 任意 Agent 纯判断步骤,任何 Agent 都一样,取决于你给的资料质量。
05 写全套弹窗文案 批处理页面预览 有条件 可以做但有条件:Claude Code 对页面预览的支持有限制。
06 定展示频次与人群 版本管理 直接执行 直接交给 Claude Code:它能把过程文件纳入版本管理便于回溯。
07 过合规与无障碍 联网检索打开网页取正文页面预览 有条件 可以做但有条件:Claude Code 对页面预览的支持有限制。
08 出方案卡与测试假设 纯判断 任意 Agent 纯判断步骤,任何 Agent 都一样,取决于你给的资料质量。

这个特性落在「读取品牌资料」和「写全套弹窗文案」上。品牌语气、禁用词、折扣幅度上限写进项目的 CLAUDE.md 和 product-marketing.md,Skill 每次生成标题、CTA 按钮文字、拒绝链接措辞,都按同一份规则执行,省掉每次开工前粘贴品牌手册的动作。「过合规与无障碍」拆成子任务,一条查广告与隐私法规,一条取网页正文,完成后汇进同一份方案。判断标准:新开会话重跑文案环节,产出仍避开禁用词、守住折扣上限,说明项目上下文在生效;若每次都要口头补规则,说明资料没放进项目目录。

  1. 01

    读取品牌资料

    product-marketing.md 放在项目根目录会被优先读取,品牌语气、禁用词、折扣规则写一次即可;团队成员克隆同一仓库,拿到的规则完全一致,不用互相传文件。

  2. 02

    写全套弹窗文案

    标题、副标题、CTA、拒绝链接落在项目里的 Markdown 文件,git 记录每次改动,批量生成多版文案可以直接跑;页面预览是有条件支持,弹窗遮罩效果要在浏览器里人工核对。

  3. 03

    定展示频次与人群

    频次上限、人群条件写进方案文件后进入 git 版本管理,改一版留一条记录,回滚上一版频次设置用一条 git 命令完成,多人协作时不互相覆盖。

  4. 04

    过合规与无障碍

    联网检索法规、打开网页取正文可用,可拆成子任务并行再汇总;关闭按钮尺寸、键盘能否关掉这类要看渲染效果的项目,按无障碍清单人工过一遍。

IMPORT · RUN

品牌与产品说明文档,如已有的 product-marketing.md 会被优先读取怎么交给 Claude Code

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

需要准备的资料

  • 品牌与产品说明文档,如已有的 product-marketing.md 会被优先读取
  • 弹窗目标:收邮箱、发折扣、内容订阅或挽留流失访客,选定一个主目标
  • 现有弹窗数据(如有):展示量、提交量、关闭率、转化率
  • 流量构成:移动端与桌面端占比、新老访客比例、主要来源渠道

在 Claude Code 里是这样推进的

把品牌规范、项目背景和现有文件放在同一个项目目录,Claude Code 会结合项目内容调用相应 Skill。

让它先列出任务步骤,再读取文件、调用终端或 MCP 工具完成研究和制作;复杂任务可以分给多个子任务。

Skill 文件复制到 ~/.claude/skills/ 即全局可用;团队共用则放进项目的 .claude/skills/ 目录,随仓库分发,人人拿到同一份。品牌资料以 product-marketing.md 命名放项目根目录,现有弹窗数据整理成 CSV 一并放入。在项目会话里说「按 popups Skill 出一份首单折扣弹窗方案,主目标收邮箱」,它会先列出步骤再执行;进度看终端输出和项目里新增的方案文件。

COLLABORATE · CHAIN

方案文件进飞书,走 MCP 或手工粘贴

方案文件进飞书,走 MCP 或手工粘贴

弹窗方案卡、全套文案、A/B 测试假设都以 Markdown 文件留在项目里,不会自动进协作工具。MCP 是接外部系统的标准通道:所用飞书或企业微信有 MCP 服务,就能让它把方案写入指定文档或节点;没有 MCP 服务时,人工把 Markdown 内容粘进飞书文档,改动在 git 留痕后再同步一次。

多 Skill 共存,Hooks 串固定流程

popups 与落地页、邮件营销等 Skill 放进同一项目,会话里点名调用,中间产物以项目里的 Markdown 文件传递,弹窗文案文件可以直接被邮件 Skill 当输入读取。给项目配 Hooks,每次产出文件后自动跑禁用词或格式检查,不合格当场提示重写,把「出文案再检查」固定成流程,不靠人记着。

COMBINATION CASE

DTC 咖啡独立站的购物车挽回弹窗

DTC 咖啡独立站的购物车挽回弹窗

三人 DTC 咖啡独立站团队,移动端流量占七成,邮件订阅弹窗转化率不到 2%,购物车放弃明显偏高。要在两周内交出可上线的弹窗方案:触发条件、全套文案、移动端展示规则和 A/B 测试假设。

  1. 把品牌说明整理成 product-marketing.md 放进项目根目录,历史弹窗数据另存 CSV 一并放入。
  2. 在项目会话里下达任务,主目标定为挽回购物车放弃,它先列出执行步骤再动手。
  3. 「过合规与无障碍」拆成子任务并行,一条查隐私法规,一条取网页正文,结果汇进同一份方案。
  4. 方案卡与两版 A/B 文案分别落成 Markdown 文件,移动端底部弹层在浏览器开发者工具里人工核对遮罩和关闭按钮位置。
  5. 频次与人群规则每改一版就提交一次 git,定稿连同全部文件推给开发照做。

预期结果:交付了写明触发条件与展示频次的方案卡、两版 A/B 文案和测试假设,git 里留着全部改动脉络;移动端展示规则和合规结论经人工复核后再交开发上线。

VERIFY · TROUBLESHOOT

装完先跑最小任务:在项目根目录放一份 product-marketing.md,写一条可核查的规则,比如「CTA 按钮不超过六个字,不用『限时抢购』字样」,再让它出首单折扣弹窗的全套文案

装完先跑最小任务:在项目根目录放一份 product-marketing.md,写一条可核查的规则,比如「CTA 按钮不超过六个字,不用『限时抢购』字样」,再让它出首单折扣弹窗的全套文案。看三个信号:终端先列步骤再动手;产出文件里的按钮字数与禁用词规则被遵守;新开会话重跑同一任务,规则依旧生效,不靠口头补充。三个都中,说明 Skill 和项目上下文都在起作用。

可直接使用的第一个任务

请在 Claude Code 中使用「弹窗转化优化 Skill」。本次要完成:独立站想加首单折扣弹窗,不知道什么时候弹合适。我会提供品牌与产品说明文档,如已有的 product-marketing.md 会被优先读取和弹窗目标:收邮箱、发折扣、内容订阅或挽留流失访客,选定一个主目标。请先完成一份小样,交付弹窗方案卡:写明类型、触发条件、目标人群、展示频次四项和全套文案:标题、副标题、CTA 按钮文字、拒绝链接措辞,并列出需要我核对的事实和数字。

安装后的最小验证任务

安装完成后,先只做第 1 步:让 Claude Code 读取品牌资料,并把它直接读取本机目录里的资料的过程说出来。这一步是只读的,能确认 Skill 已被识别,也能确认它拿得到需要的资料。

Claude Code 常见问题

  • 没有调用 Skill 时,在任务里直接写出 Skill 名称
  • 没有取到 MCP 数据时,检查连接和授权状态
  • 项目资料太多时,指出本次优先参考的文件
  • 页面预览相关步骤结果不稳定时,先确认当前环境是否满足条件
Claude Code 跑弹窗转化优化 Skill需要改哪几步?

不需要改。8 步用到的能力Claude Code全部原生支持,可以按 Skill 的原始方法直接执行。

资料要怎么交给 Claude Code?

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

装完先做什么验证?

安装完成后,先只做第 1 步:让 Claude Code 读取品牌资料,并把它直接读取本机目录里的资料的过程说出来。这一步是只读的,能确认 Skill 已被识别,也能确认它拿得到需要的资料。

为什么选 Claude Code 而不是别的 Agent?

因为它能对多个对象循环执行同一套方法,在 7 个 Agent 里具备这些能力的不多。如果你的卡点不在这里,页面下方列出了更合适的选择。

Claude Code 常见的失败情况有哪些?

没有调用 Skill 时,在任务里直接写出 Skill 名称;没有取到 MCP 数据时,检查连接和授权状态;项目资料太多时,指出本次优先参考的文件。

个性化迭代 Skill 的建议

最值得按业务改的是「写全套弹窗文案」:把品牌语气示例、折扣幅度上限、拒绝链接固定措辞写进 product-marketing.md,产出立刻贴近自家风格。再把历史弹窗的展示量、提交量、关闭率整理成 CSV 放进项目,「定展示频次与人群」就能按真实数据起步。固化方式:这些文件连同 .claude/skills/ 里的 Skill 一起提交进仓库,团队拉取即得同一版本,后续调整全走 git 记录。

INSTALL

把弹窗转化优化 Skill装进 Claude Code,一条命令完成

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

METHOD 01 · 交给 AI 自己装

复制提示词

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

请帮我把「弹窗转化优化 Skill」安装到 Claude Code。
1. 下载完整 Skill ZIP:https://www.vibemarketing.work/packages/skill-popups/1.0.0/skill-popups.zip
   注意:网页 HTML 不能当作 Skill 文件安装,必须使用 ZIP 里的完整文件。
2. 解压后保留 SKILL.md 及全部配套文件,按 Claude Code 的方式安装:mkdir -p ~/.claude/skills && cp -R ./skill-popups ~/.claude/skills/
3. 安装完成后告诉我实际安装目录。
4. 用一个只读小任务验证:在项目里提一个只读任务并点名 Skill,确认它按 SKILL.md 的步骤复述计划。
5. 如果你没有联网、下载或写目录权限,请直接告诉我哪几步需要我手工完成。
参考:原始 SKILL.md https://www.vibemarketing.work/raw/skill-popups/SKILL.md;安装指南 https://www.vibemarketing.work/agent-install/skill-popups.md

OTHER AGENTS

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

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

8/8 步可直接执行

ZCode 弹窗转化优化

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

7/8 步可直接执行

TRAE 弹窗转化优化

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

FURTHER READING

Claude Code 与弹窗转化优化相关的实操文章

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

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

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

  • 转化率
  • AARRR
  • 落地页

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

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

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

品牌语气提示词模板:把品牌声音变成AI可执行的约束清单

品牌语气提示词的作用,是把"我们品牌的文案应该是这种感觉"这句模糊要求,翻译成 AI 能逐条对照执行的约束。本文给出一个四层模板:品牌事实、语气维度、改写示例、输出自检。你替换方括号里的变量后即可直接

  • 内容策略
  • 营销文案
  • 转化文案

NEXT WORKFLOW

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

VibeMKT COMMUNITY

加入 VibeMKT 社群

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

加入 VibeMKT 社群的微信二维码

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