browser-recording
使用 Playwright 录制浏览器会话并转换为 GIF 动图
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：browser-recording。 它的用途是：使用 Playwright 录制浏览器会话并转换为 GIF 动图 完整的 Skill 内容见：https://321skill.com/skills/browser-recording/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘帮我录制一个在电商网站上将商品加入购物车的操作过程，并生成GIF。’，它会启动浏览器导航到指定网站，录制你从搜索商品到点击“加入购物车”的完整流程，随后自动将录屏视频处理并输出为一个清晰的GIF动图，方便你嵌入到用户帮助文档中。
介绍
这个 Skill 解决了需要记录浏览器操作过程并生成易于分享的演示素材的问题。它通过 Playwright 自动化浏览器，录制用户的操作过程，并将录制的视频文件转换为体积更小、兼容性更好的 GIF 动图。
使用时，你只需启动该 Skill，它会引导你指定要录制的网址和操作步骤。录制完成后，它会自动处理视频转码，最终输出一个高质量的 GIF 文件。整个过程自动化，无需手动操作视频编辑软件。
它非常适合需要制作软件操作教程、演示产品功能或记录 Bug 复现步骤的开发者、测试人员和内容创作者。无论是为了内部培训、客户支持还是技术文档配图，这个工具都能显著提升效率。
建议在录制前先规划好操作路径，避免不必要的鼠标移动。注意，录制复杂动画或长时间会话可能会生成较大的原始视频文件，转换 GIF 时需权衡画质与文件大小。
核心特点
与仅能截屏或录屏的工具不同，它深度集成 Playwright 实现精准的浏览器自动化录制，并能一键将视频转换为网络友好的 GIF 格式，省去了使用独立视频编辑和格式转换工具的步骤。
注意事项
不适合录制需要高帧率或包含大量动态细节（如游戏画面）的复杂视觉内容，因为 GIF 格式在色彩和压缩上存在限制。
常见问题
录制的视频能导出为 MP4 吗？
目前主要功能是将录制内容转换为 GIF，暂不支持直接导出为 MP4 等视频格式。
可以录制需要登录的网页吗？
可以，你可以在录制脚本中预先配置登录状态或 Cookie 来实现认证页面的录制。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/browser-recording/raw/index.md 读取 browser-recording 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/browser-recording/raw/index.md（查看排版版本）