browser-recording
通过Playwright录制浏览器会话并转换为GIF动图
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：browser-recording。 它的用途是：通过Playwright录制浏览器会话并转换为GIF动图 完整的 Skill 内容见：https://321skill.com/skills/browser-recording-x-9/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘请使用browser-recording技能，录制一个在电商网站首页搜索“手机”并筛选价格区间的操作过程，生成GIF。’，它会启动Playwright浏览器，导航到指定网站，执行搜索和筛选操作，同时录制屏幕，最后将视频转换为GIF文件并提供下载链接。
介绍
这个Skill解决了需要录制和分享浏览器操作过程的问题。它利用Playwright自动化浏览器，录制用户的操作过程，并将录制的视频文件自动转换为体积更小、更易于分享的GIF动图。
使用方式通常是启动Skill后，指定一个URL和操作脚本，它会自动打开浏览器，执行预设的导航、点击、输入等操作，同时录制屏幕，最后将视频输出为GIF。整个过程可以通过简单的命令或配置触发。
它非常适合前端开发、测试工程师、内容创作者和产品经理等角色。前端开发可以用它来演示UI交互或记录Bug复现步骤；测试工程师可以自动化生成测试用例的操作记录；内容创作者和产品经理则可以快速制作软件功能演示或教学素材。
使用建议是，由于GIF对色彩和帧率的压缩，它更适合录制短时、操作步骤清晰的演示，不适合录制长时间、高保真的视频。录制前请确保目标网页已加载完毕，并注意避免录制包含个人隐私信息的页面。
核心特点
与单纯录屏工具不同，它深度集成Playwright实现自动化操作与录制一体化；与仅生成视频的工具相比，它内置了视频转GIF的优化流程，直接产出适合网络分享的轻量文件。
注意事项
不适合需要录制高帧率、高画质或长时间连续操作的场景。
常见问题
这个Skill可以录制需要登录的页面吗？
可以，但需要在脚本中预先处理好登录态（如使用cookies），并注意隐私安全。
生成的GIF文件太大怎么办？
可以通过调整录制分辨率、帧率或GIF转换时的色彩参数来优化文件大小。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/browser-recording-x-9/raw/index.md 读取 browser-recording 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/browser-recording-x-9/raw/index.md（查看排版版本）