browser-recording
录制浏览器操作并一键转GIF
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：browser-recording。 它的用途是：录制浏览器操作并一键转GIF 完整的 Skill 内容见：https://321skill.com/skills/browser-recording-x-4/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“请录制我在百度搜索‘Playwright’并点击第一个结果的完整操作，然后转换为GIF，帧率设为10fps，宽度480px。”它会自动打开无头浏览器，依次执行输入、点击、等待页面加载，最后将录屏片段压缩为指定参数的GIF文件并返回。
介绍
解决什么问题：在需要快速演示网页操作流程、制作教学素材或记录Bug重现步骤时，手动录屏再转GIF往往步骤繁琐、文件体积大。browser-recording 通过 Playwright 自动化录制浏览器会话，并直接输出为轻量GIF，省去后期处理环节。
怎么用：安装后，只需指定目标网址或当前浏览器上下文，Skill 会启动无头浏览器记录用户操作（点击、输入、滚动等），录制完成后自动将视频片段压缩转换为高清晰度GIF，支持自定义帧率、尺寸和时长。
适合谁：内容创作者需要快速产出网页操作演示GIF；视频剪辑师希望将浏览器录屏直接转为素材；高校学生或教师录制软件操作步骤用于课件或作业展示。
使用建议或注意事项：录制前建议关闭无关标签页以减少干扰；若需录制登录态页面，请确保已提供Cookie或使用已认证的浏览器上下文；转换长视频时GIF文件可能较大，建议控制录制时长在10秒以内。
核心特点
直接集成 Playwright 的浏览器录制能力，无需额外安装录屏软件，输出即GIF，且支持自定义参数（帧率、尺寸、质量），比通用录屏工具更轻量、更专注网页场景。
注意事项
不适合录制非浏览器场景（如桌面应用、游戏画面），且对复杂动画页面（如WebGL）的GIF转换效果可能不理想。
常见问题
录制时支持哪些浏览器？
基于 Playwright，支持 Chromium、Firefox、WebKit，默认使用 Chromium。
录制时长有限制吗？
无硬性限制，但建议不超过30秒，否则GIF文件过大且转换时间较长。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/browser-recording-x-4/raw/index.md 读取 browser-recording 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/browser-recording-x-4/raw/index.md（查看排版版本）