browser-recording
录制浏览器会话并转为GIF动图
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：browser-recording。 它的用途是：录制浏览器会话并转为GIF动图 完整的 Skill 内容见：https://321skill.com/skills/browser-recording-x-2/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'录制百度首页的搜索过程，时长5秒，输出为GIF'，它会自动启动Playwright浏览器，访问百度首页，模拟输入关键词并点击搜索，然后将整个过程录制并转换为GIF文件保存到本地。
介绍
browser-recording 是一个基于 Playwright 的浏览器录制工具，能够将浏览器操作过程完整录制下来，并自动转换为 GIF 动图。它解决了开发者和内容创作者在制作演示素材时，需要手动录制屏幕、再转换格式的繁琐流程，一键完成从录制到输出的全链路。
使用方式非常简单：安装后，通过命令行或 API 指定要录制的 URL 和时长，Skill 会自动启动 Playwright 浏览器，模拟用户操作或直接录制页面动态，最终生成高质量的 GIF 文件。支持自定义分辨率、帧率和录制时长，满足不同场景需求。
适合需要快速制作教学演示、软件操作步骤讲解、产品功能展示等 GIF 素材的内容创作者、视频剪辑师和高校学生。例如，录制一个网页交互流程，直接产出用于嵌入文档或社交媒体的动图，无需额外编辑。
建议在录制前先规划好操作步骤，减少不必要的等待时间，控制 GIF 文件大小。注意，录制复杂动画或长页面时，GIF 文件可能较大，可适当降低帧率或裁剪时长。
核心特点
相比通用屏幕录制工具，它直接集成在 Playwright 上，可编程化控制浏览器行为，自动录制并输出 GIF，无需手动编辑视频再转格式，尤其适合需要频繁更新演示素材的开发者和教学人员。
注意事项
不适合录制需要音频或高帧率视频的场景，GIF 格式不支持音频且文件大小有限制。
常见问题
安装后无法运行，提示缺少 Playwright 浏览器？
需要先安装 Playwright 的浏览器依赖：运行 `playwright install` 即可。
录制出来的 GIF 文件太大怎么办？
可以降低帧率或缩短录制时长，也可以调整输出分辨率来减小文件体积。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/browser-recording-x-2/raw/index.md 读取 browser-recording 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/browser-recording-x-2/raw/index.md（查看排版版本）