browser-recording
通过Playwright录制浏览器会话并转换为GIF动图
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：browser-recording。 它的用途是：通过Playwright录制浏览器会话并转换为GIF动图 完整的 Skill 内容见：https://321skill.com/skills/browser-recording-x-8/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘请帮我录制在购物网站上将商品加入购物车并结算的完整流程，并生成GIF。’，它会启动浏览器导航到指定网站，模拟用户点击、输入等操作，全程录制屏幕，最后将视频转换为一个清晰的GIF动图文件提供给您。
介绍
这个Skill解决了需要录制和分享浏览器操作过程的问题。它利用Playwright自动化框架，可以精确录制用户在浏览器中的交互行为，并将录制的视频文件自动转换为体积更小、更易于分享的GIF动图格式。
使用时，您只需指定目标网址和操作流程，Skill便会启动一个无头浏览器，执行录制任务。录制完成后，它会调用视频处理工具，将生成的视频文件压缩并转换为高质量的GIF动图，方便您嵌入文档、演示文稿或直接分享。
它非常适合需要制作软件操作教程、演示产品功能、记录Bug复现步骤或进行自动化测试录屏的开发者和内容创作者。无论是前端开发者展示交互效果，还是测试工程师留存问题证据，都能从中受益。
建议在网速稳定的环境下使用，以确保录制流畅。由于涉及浏览器自动化，请确保目标网页允许自动化操作，并注意转换GIF时可能因视频时长或复杂度影响处理时间。
核心特点
与仅能截屏或录屏的工具不同，它深度集成Playwright，可实现精准、可编程的浏览器交互录制；同时，其内置的视频转GIF功能避免了用户额外寻找转换工具的麻烦，实现一站式处理。
注意事项
不适合录制需要高帧率或极高清画质的复杂动态内容，且对非浏览器环境（如桌面应用、移动端原生应用）的操作录制无效。
常见问题
这个Skill能录制需要登录的页面吗？
可以，您需要在录制脚本中预先配置好登录状态或Cookie。
转换出的GIF文件太大怎么办？
可以通过调整录制分辨率、帧率或使用Skill的参数来限制GIF的尺寸和颜色数量以减小文件体积。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/browser-recording-x-8/raw/index.md 读取 browser-recording 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/browser-recording-x-8/raw/index.md（查看排版版本）