设计和优化弹窗、浮层、侧滑面板与公告条的触发、文案、表单和频率。适合需要收集订阅、发布公告、推荐优惠或在关键时刻提供帮助。
安装前请审阅 skill 内容:skill 会影响你的 AI 助手行为,仅安装你信任的来源。
不用安装 Node.js。复制后粘贴到本地 Agent 对话框,它会读取官方指南、安装并验收。
npx -y @huohuahub/cli@0.1.1 install popup-conversion-designer --target auto --registry https://huohuahub.com跨平台 CLI 会校验 SHA256,并保护本地修改。旧脚本需要定向安装时,可在下面选择 AI。
旧版脚本仅供人工兼容:它会备份并替换同名目录。请先确认没有需要保留的本地修改;AI 安装协议不会自动调用它。
curl -fsSL "https://huohuahub.com/api/skills/popup-conversion-designer/install" | bash自动检测本机已装的 AI 工具:只有一个直接装,检测到多个会列出让你挑(回车 = 全部)。审阅脚本内容 ↗
powershell -c "irm 'https://huohuahub.com/api/skills/popup-conversion-designer/install.ps1' | iex"用 DeepSeek App、Kimi、豆包这类聊天 AI(没有 agent 端可装)? 可以把内容直接复制成 Prompt 粘贴使用;附带脚本和资料不会安装:
设计和优化弹窗、浮层、侧滑面板与公告条的触发、文案、表单和频率。
完成任务时重点处理:
最终目标不是堆出一份看似完整的内容,而是交付能够直接使用、继续修改并清楚验收的结果。
如果无法提供与页面情境相关的价值时不要展示弹窗,先处理前置条件,不要直接假装任务已经完成。
优先收集:
1. 产品、受众与当前业务阶段 2. 目标、基线数据和时间范围 3. 渠道、预算、资源与团队约束 4. 已有研究、素材和历史结果 5. 目标页面、用户状态、展示规则和频控 6. 转化、关闭、跳出、投诉与移动端数据
信息不必一次问完。先检查用户已经提供的材料,只追问会明显改变结果的问题。
明确弹窗提供的价值以及为何不能在页面内完成。
根据时间、滚动、行为、退出或用户状态设置。
说明价值、必要字段和下一步,不堆叠多个行动。
包含关闭、键盘、焦点、错误、成功和已完成用户。
避免重复打扰,并记录跨页面和跨设备规则。
同时看转化、跳出、回访、退订和投诉。
至少交付以下内容:
所有文件使用能说明内容和版本的名称。若任务包含执行动作,还要记录执行状态、验证结果和可继续处理的材料。
文章读者滚动至 70% 后看到专题清单订阅;已订阅用户不再展示,移动端保留清楚关闭按钮。
合理处理顺序:
1. 定义弹窗任务 2. 选择触发逻辑 3. 写最短文案 4. 设计交互状态 5. 设置频率 6. 测试长期影响
交付时应重点展示弹窗方案、文案与界面、实验计划,并说明尚未验证的部分。
火花 Hub 官方内容库首发版本。
解压后把 popup-conversion-designer/ 整个目录放进对应位置即可。
~/.claude/skills/popup-conversion-designer/~/.gemini/skills/popup-conversion-designer/改动后在会话里执行 /skills reload~/.qwen/skills/popup-conversion-designer/重启 CLI 生效~/.iflow/skills/popup-conversion-designer/需在 frontmatter 补 license 字段~/.zcode/skills/popup-conversion-designer/它们同时也读 ~/.claude/skills/ 或 ~/.agents/skills/,解压到那两个目录就顺带覆盖了。
~/.codex/skills/popup-conversion-designer/也读标准目录 ~/.agents/skills/~/.openclaw/skills/popup-conversion-designer/~/.cursor/skills/popup-conversion-designer/~/.copilot/skills/popup-conversion-designer/~/.agents/skills/popup-conversion-designer/Deep Code 读标准目录 ~/.agents/skills/~/.kimi-code/skills/popup-conversion-designer/也读标准目录 ~/.agents/skills/~/.config/opencode/skills/popup-conversion-designer/也读 ~/.claude/skills/ 与 ~/.agents/skills/这两个端只支持项目内目录,家目录探测不到,只能手动放。
.windsurf/skills/popup-conversion-designer/在项目根目录执行.trae/skills/popup-conversion-designer/点文件名就地展开内容,审阅后再安装 —— skill 会影响你的 AI 助手行为, 只安装你信任的来源。
这个 skill 的用法交流都在它的使用心得笔记里:去参与(0 赞 · 0 条评论)↗
发现违规、恶意或侵权内容?到来源笔记举报此 skill ↗(skill 从笔记涌现,笔记下架即 skill 下架)。
[](https://huohuahub.com/skills/popup-conversion-designer)什么时候会用上它:设计和优化弹窗、浮层、侧滑面板与公告条的触发、文案、表单和频率。适合需要收集订阅、发布公告、推荐优惠或在关键时刻提供帮助。
怎么用:在 AI 工具里直接描述任务即可自动触发。显式调用的写法各端不同:Claude Code / Cursor 等用 /popup-conversion-designer,Codex 用 $popup-conversion-designer,Kimi Code 用 /skill:popup-conversion-designer,ZCODE 用 $popup-conversion-designer,Gemini CLI 以自动激活为主。