手机白板录屏
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md 的官方安装指南,将 @hotelai/whiteboard-recorder 技能安装到你的 AI 助手中。
技能介绍
要解决什么问题
手机端做"边画边讲"的短视频,真正麻烦的往往不是录制本身,而是工具链的切换:先在绘图 App 里画完,再切到录屏,最后进剪辑合成。表达节奏被反复打断,最终拿到的常常是"录屏里套录屏",画面发糊、构图也乱。还有一个不太显眼的问题——很多人不希望未完成的讲解片段被上传到任何在线服务。这个技能把白板和录制合并进一个网页,打开即可开始。
技能如何工作
技能被触发后,第一件事就是直接打开内置网页 web/index.html,不需要用户明确说"打开",也不反问确认。打开的同时会输出一句轻量欢迎:
白板已为你打开~左边画、右边讲,点右下角红点开始录,录完保存到相册就行。
核心能力:
- 白板手写:钢笔、荧光笔、橡皮(多档粗细 + 取色器),方块 / 圆 / 直线 / 箭头 / 三角,文字、贴纸、模板。
- 背景:纯白、方格、点阵、横线、米黄、黑网格、蓝格、蓝渐变、樱粉、薄荷、香橙、浅灰等十余种。
- 摄像头浮窗:录制时叠加实时画面,支持亮度、瘦脸、镜像,四角位置自由摆放。
- 提词器:录制过程中瞄一眼提示词,避免忘词。
- 录制导出:3 秒倒计时、暂停 / 继续、计时;录完可预览并保存到本机相册。
- 其它:撤销 / 重做 / 清空,草稿自动存本地,相册里的图片或视频可直接导入当底图。
实际流程很短:打开网页 → 左边画、右边讲 → 点右下角红点录制 → 预览后存相册。没有独立客户端,也没有需要配置的账号。
适用边界与注意点
- 所有绘制与录制都在本机浏览器完成,不上传任何服务器;摄像头和麦克风仅在录制时使用,授权后不外传。
- 草稿存在
localStorage,清除浏览器数据或换设备会丢失,重要的白板建议及时导出或截图备份。 - 网页录屏依赖浏览器的媒体录制能力,导出由浏览器接管,保存位置以系统相册为准。
- 适合知识讲解、产品演示、教学复盘、会议讲解、灵感笔记这类"边画边说"的场景;需要转场、剪辑点和多层素材合成的,仍应使用专业剪辑工具。
- 当前为通用版本,已去除原作者的品牌与个人标识。
使用场景
- 产品经理给开发团队演示新功能交互流程,用箭头和文字标注界面截图,录成短视频同步给异地团队。
- 老师录制数学题的解题步骤,用荧光笔高亮重点公式,叠加摄像头出镜讲解,直接保存到手机相册发给学生。
- 运营在复盘会议上边画思维导图边讲解活动数据漏斗,用提词器避免忘词,录完后一键保存到本地。
- 工程师在边栏画出系统架构图,配合实时摄像头讲解设计思路,录成短视频存入相册作为技术分享资料。
适合人员
- 经常需要给异地团队演示产品交互的产品经理,希望用图文标注代替干巴巴的口头描述。
- 需要录制解题过程或知识点讲解的中小学教师,希望用手机就能快速产出带有摄像头出镜的教学短视频。
- 习惯用手绘思维导图梳理逻辑的运营或策划,需要在复盘时边画边讲,并把过程录成视频存档。
- 经常在移动端做技术分享的工程师,需要快速画出架构草图并录制带有人像的解说视频。