popups
专注于创建和优化各类弹窗、横幅等转化元素。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：popups。 它的用途是：专注于创建和优化各类弹窗、横幅等转化元素。 完整的 Skill 内容见：https://321skill.com/skills/popups/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“我想为我的电商网站首页添加一个收集邮箱的弹窗，在用户滚动到页面70%时出现。”，它会提供弹窗的设计要点、文案建议和基本的实现思路。或者
对AI说：“我的退出意图弹窗转化率很低，如何优化？”，它会分析可能的原因，如触发时机过于敏感、文案吸引力不足等，并给出改进方案。
介绍
本Skill旨在解决网站或应用在提升用户转化率时，如何有效设计和优化各类中断式交互元素的问题。无论是用于收集潜在客户邮箱的弹窗、提升用户停留的退出意图弹窗，还是用于发布公告的横幅，它都能提供专业的指导和优化思路。
当用户需要创建新的弹窗、模态框、滑入组件或通知栏，或者希望对现有的类似元素进行优化以提升转化效果时，即可调用此Skill。它能够理解用户关于“退出意图”、“滚动触发”、“粘性栏”等具体术语的需求，并提供针对性的建议。
该Skill特别适合前端开发、营销专员、电商运营等角色。前端开发者可以获取实现不同弹窗交互效果的技术思路；营销和运营人员则可以了解如何通过优化弹窗的触发时机、文案设计来有效捕获销售线索或提升关键指标。
使用建议：在描述需求时，尽可能具体，例如说明弹窗的目标（如收集邮箱、推广活动）、触发条件（如页面滚动50%、鼠标移出）以及期望的样式（如模态框、底部横幅）。注意事项：本Skill专注于弹窗等前端交互元素本身的优化，如需优化页面整体的转化率（CRO）或处理弹窗之外的表单，建议结合其他相关Skill。
核心特点
本Skill精准聚焦于“弹窗”、“横幅”等具体的前端转化组件，而非宽泛的转化率优化（CRO）；它能理解“退出意图”、“滚动触发”等专业营销术语，并提供从触发逻辑到视觉设计的针对性建议。
注意事项
不适合处理与弹窗无关的通用页面转化率优化（CRO）或独立的表单设计。
常见问题
如何制作一个退出弹窗？
描述你的网站类型和目标（如减少跳出率），我会提供触发逻辑、文案和设计建议。
优化邮件收集弹窗的转化率
请提供当前弹窗的截图或描述，我会分析其触发时机、文案、表单字段和视觉设计，并提出优化点。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/popups/raw/index.md 读取 popups 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/popups/raw/index.md（查看排版版本）