详细介绍
概览
组件：Popup / Modal 技能是开源合集 kostja94/marketing-skills（MIT）中的一条 Agent Skill，面向页面组件与转化模块场景，帮助 AI 代理设计弹窗转化组件，并按专业清单输出可落地结果。
官方技能 ID：popup-generator。源码：skills/components/conversion/popup。
主要功能
- 核心能力： 设计弹窗转化组件
- 1. 明确组件目标（导航 / 信任 / 转化等）
- 2. 给出文案、布局与无障碍注意事项
- 3. 说明与其它页面模块的配合方式
- 4. 输出可落地的组件规格说明
- 跨工具兼容： 支持 Cursor、Claude Code、OpenClaw 等 Agent Skills 目录规范。
如何使用
- 使用兼容 Skill 的 Agent，例如 Claude Code、Cursor 或 Codex。
- 在终端安装（需已安装 Node.js）：
npx skills add https://github.com/kostja94/marketing-skills --skill popup
也可把本站详情页的安装提示词发给 Agent，让它代为安装。 3. 重启 / 重载 Agent，使新 Skill 生效。 4. 用 Skill 提供的斜杠命令，或直接让 Agent 按「概览 / 主要功能」中的流程执行。 5. 发布前务必人工复核文案、图片与数据，模型输出仅作草稿。
定价
| 方案 | 计费 | 价格 | 说明 |
|---|---|---|---|
| 开源单技能 | — | 免费 | MIT；见下方安装命令 |
| 完整合集 | — | 免费 | 也可安装整个仓库 |
无付费档。许可证与更新以 GitHub 仓库 为准。
适合谁
电商卖家、独立站 / SaaS 运营、内容与 SEO、独立开发者——需要把具体页面组件与转化模块任务交给 Agent 执行时。
开源 Agent 技能：帮助 AI 代理设计弹窗转化组件。适用于页面组件与转化模块场景，来自 kostja94/marketing-skills。
常见问题
如何安装？
npx skills add https://github.com/kostja94/marketing-skills --skill popup-generator
也可复制到 .cursor/skills/、.agents/skills/ 或 .claude/skills/。
会执行危险代码吗？
不会。技能为纯 Markdown 说明，用于指导 Agent。
必须安装全部技能吗？
不必。建议按任务安装 2–3 个相关技能；单任务使用 --skill popup-generator 即可。
如何让输出更贴合业务？
复制仓库中的 templates/project-context.md 到 .cursor/ 或 .claude/，填写产品、受众与品牌信息。