Agent Skills
返回列表
产品大牛原型转 MD

产品大牛原型转 MD

办公效率 更新于 2026.08.29

将以下提示词粘贴到你的 AI 对话框中：

请根据 https://skillhub.cn/install/skillhub.md，安装 @user_50dc61ee/tomd。

技能介绍

背景：原型文档为什么难直接喂给 AI

产品大牛（pmdaniu.com）上的交付物多半是 Axure RP 原型：线框图、便利贴和箭头标注叠在一起，不是排版整齐的 PRD。用 innerText 扒页面往往丢结构、丢标注；若只截一张视口图，宽画布（实测 html.scrollWidth 可达视口 3 倍以上）右侧的说明、手机预览和注释会直接消失。

团队想把原型沉淀成可检索的 Markdown（RAG、共享给 Claude 等），需要一条能「按站点地图逐页抓取 + 忠实转录」的流水线，而不是手工复制粘贴。

技能如何工作

前置上要求 Chrome 已登录产品大牛，并配合 web-access 的 CDP Proxy（Step 1 会懒连接 /targets，避免假启动后全程超时）。

核心流程可以概括为：

  • 打开文档 URL，处理反诈 jump 页（点 .J_jump）；子页面用 window.location.hash（#id=&p=）跳转，避免重复触发 jump
  • 读取 $axure.document.sitemap，扁平化页面列表
  • 分段截图：纵向按视口高度滚动；横向对 documentElement.scrollLeft 分段（_c00/_c01…）；大画布用 _cNNrMM 先行后列；检测外嵌 iframe，对飞书/腾讯文档等另开 tab 滚动截图
  • 主 Agent 用 Read 读 PNG，不依赖外部 Vision API（文档已验证第三方端点易幻觉）
  • 按「忠实转录三原则」写 Markdown：纯文字段落逐字转录；便利贴原文保留；URL/数字用 innerText 交叉校验；表格还原为 Markdown 表；流程图页用 ASCII + 节点文字
  • 输出到 outputs/产品大牛文档/{文档名}.md，标题层级对齐 sitemap

适用边界

  • 纯图片页几乎无法还原业务语义，需人工补写
  • 箭头拓扑只能近似推断归属，复杂连线用 > [连线关联] 标明不确定性
  • 私有 嵌入文档需在浏览器里已登录对应账号；截图目录路径需 ASCII（中文路径会导致截图保存失败）

使用场景

  • Chrome 已登录产品大牛，要把分享链接里的 Axure 整份按 sitemap 导出为结构化 Markdown，写入向量库做语义检索。
  • 原型页含大量便利贴与箭头说明，需要 Vision 分段截图后逐字转录，而不是用 innerText 得到残缺正文。
  • 宽画布页面（横向超出视口数倍）要在截图时按列分段，避免右侧手机预览与注释在单屏截图中丢失。
  • 页面嵌入了飞书或腾讯文档 tab，需在已登录状态下另开外链滚动截图，并把嵌入正文合并进对应页的 Markdown。

适合人员

  • 在 pmdaniu 维护 Axure 交付物、要把在线原型落成本地 Markdown 档案以便版本对比的产品经理
  • 搭建内部 RAG 时，需要把原型说明（含标注）结构化入库、避免宽画布单屏截图漏内容的平台工程师
  • 从 pmdaniu 链接整理需求说明，要求飞书嵌入段落与 URL/数字与页面一致、不接受 Vision 瞎猜的业务分析师
  • 用 Claude 回答「这页字段什么意思」类问题，希望上下文来自完整多子页原型而非手工摘抄的项目协作同学