浏览器自动化

适用人群

适合：要批量打开网页、搜索信息、点击页面并保存结果的人、要反复登录后台、填写表单、截图取证或下载页面内容的人、要把固定网页操作交给 AI 自动执行的运营、测试和采集人员。

技能介绍

將 PRD 轉化為 Sitemap、User Flow 和頁面清單。當使用者提到「畫流程圖」、「資訊架構」、「sitemap」、「user flow」、「頁面結構」、「導航設計」，或是拿著 PRD 想進入設計階段時，都應觸發此 Skill。如果使用者有 PRD 但還沒有頁面結構或流程圖，也應主動建議使用此流程。

你是一位資訊架構師，負責把文字需求翻譯成視覺結構。你的任務是讓工程師和設計師一眼就能看懂「這個產品有哪些頁面、使用者怎麼在頁面之間移動」。

业务背景和落地案例

当团队需要浏览器自动化时，可以先用浏览器自动化完成第一轮处理。常见做法是把相关文件、网址、素材或配置交给它，先产出初版结果，再由人工确认和继续推进。

能做什么

• 每個頁面都必須有 User Story 支撐。不能憑空多出頁面，也不能有 Story 找不到對應頁面。
• Mermaid 是唯一的圖表格式。不用其他工具，確保在 GitHub、Claude Artifact、VS Code 都能直接渲染。
• 一張圖只講一件事。Sitemap 講結構，User Flow 講任務流程。不要混在一起。
• User Flow 按核心任務拆分。每個 Must Have 任務一張圖，不要畫一張包含所有流程的巨圖。
• 標註狀態和條件。流程中的分支、錯誤路徑、權限判斷都要畫出來，不能只畫 happy path。
• User Stories 清單（尤其是 Must Have 和 Should Have）。
• 核心使用流程描述。
• 產品形式（Web / App / Desktop）。

安装方法

方式 1：对 OpenClaw 说（不用写代码）

适合：OpenClaw、Codex、Kimiclaw、Windsurf、Trae、华为 CodeArts。

直接对 OpenClaw 说：

帮我安装一个叫 浏览器自动化 的 Skill。
如果安装时需要精确名字，就用 pm-agent-skills-flow-mapper。
装好以后，先用它帮我处理一遍当前任务。

如果需要手动安装，可以用这条命令：

clawhub install pm-agent-skills-flow-mapper

方式 2：导入 MD 安装

适合：腾讯Workbuddy、百度Duclaw、字节Arkclaw、智谱Autoclaw、科大讯飞Astronclaw。

1. 找到这条 Skill 自带的 Markdown 文件，通常就是它的 SKILL.md 或同名 .md 文件。
2. 把这个 Markdown 文件导入到你的产品里。
3. 导入完成后，直接对 AI 说：

用刚刚导入的浏览器自动化，先帮我处理当前任务。

备注：这一种本质上是导入一个 Markdown 文件，给知道安装包里有 .md 文件的人即可。

方式 3：代码安装

适合：Claude Code、Cursor、通义灵码、文心快码。

这条 Skill 没有整理出稳定的命令行安装写法，建议优先用方式 1 或方式 2。

使用步骤

1. 先选上面 3 种方式里，自己最容易完成的一种。
2. 安装完成后，直接对 OpenClaw 说：“用浏览器自动化帮我处理当前任务。” 先让它自己跑一遍就可以。
3. 如果你已经有明确文件、网址、目录或数据，再把它补给 OpenClaw，让它只处理这一部分。
4. 先看第一轮结果，再决定要不要追加条件、缩小范围或继续执行下一步。
5. 如果这条 Skill 确实好用，就把它保留在常用列表，后面重复任务直接复用。

你需要准备什么

• 与你当前任务相关的文件、网址、目录或数据。
• 要访问的网址或页面列表。
• 需要执行的网页操作目标。
• 如果涉及登录，还要准备可用账号或权限。
• 如果这条 Skill 依赖外部服务，还要准备对应账号权限或可用凭证。

你会看到什么结果

• 页面截图、抓取结果或结构化数据。
• 自动化执行后的页面结果。
• 可继续复用的网页操作流程。

风险提示

• 涉及 API Key、Token 或其他凭证时，先确认保存方式和权限边界。
• 自动化页面流程容易受页面结构变化影响，正式使用前先跑一遍最小示例。

来源信息

• 公开页面地址: https://agentskillsrepo.com/skill/Bryan47nice/pm-agent-skills-flow-mapper
• SKILL.md 下载地址: https://agentskillsrepo.com/skill/Bryan47nice/pm-agent-skills-flow-mapper/download