截图手册生成器
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_e6037293/screenshot-to-manual。
技能介绍
问题背景
给 Web/SaaS 产品写操作手册时,痛点常常不是“不会写”,而是素材零散:界面截图、功能说明、字段含义、章节归属分散在聊天记录里。手写 Markdown 手册容易漏掉字段校验、按钮状态、表格列、角色差异,后续新增模块还会破坏目录和交叉引用。screenshot-to-manual 面向这个流程,把“截图 + 简短说明”转成结构化文档初稿。
工作方式
该技能按增量迭代组织:
- Phase 1 初始化框架:根据首批评截图梳理页面层级、功能模块、角色差异,生成
Markdown手册骨架、目录和占位章节。 - Phase 2 分批补写:对每张截图提取页面位置、UI 元素、字段信息、表格列、状态标识和操作流程,再按固定模板撰写步骤。
- 素材管理:截图写入
assets/manual_images/,按{编号}_{功能模块}_{具体操作}.png命名,便于后续引用和维护。 - 格式规范:用
##、###组织章节,用 加粗 强调按钮,用表格描述字段,用> **提示**:或> ⚠️ **警告**:标注风险。
适用边界
它适合 Web/SaaS 用户手册、SaaS 后台说明、产品快速文档化等场景,尤其是产品经理已有截图但缺少完整手册的情况。注意它不替代需求分析:功能定性应以用户说明优先,截图只作为细节依据;涉及权限、计费、外部集成等复杂逻辑时,仍需人工补充业务规则。每次重大修改应更新版本号,避免增量内容覆盖已有结构或破坏锚点引用。
使用场景
- 已有 SaaS 后台多张页面截图,需要整理成含目录、步骤和字段表的用户手册
- 分批提供注册、登录、管理页截图,要求逐步补齐章节并维护交叉引用
- 把产品演示截图和口述功能说明,转成可给客服培训使用的 Markdown 操作说明
- 手册章节需要重组编号,技能可按截图更新目录、锚点和引用
适合人员
- 产品经理:把分散截图整理成带目录和字段说明的正式手册
- 运营或客服培训负责人:用产品界面截图快速产出培训用操作指南
- 文档工程师:维护 Markdown 手册结构、编号、引用和版本更新
- SaaS 创始人:将演示界面转成可发给客户的操作说明