将浏览器工作流程记录为带注释的 GIF，用于文档和教程。在创建浏览器交互的可视化文档、记录分步教程或捕获支持票证的工作流程时使用。在“记录此工作流程”、“创建 GIF 教程”、“将此过程记录为 GIF”、“向我展示如何将 X 做为 GIF”等短语或当用户需要可视化分步文档时触发。通过 MCP 工具（tabs_context_mcp、gif_creator、计算机）与 Chrome 浏览器自动化配合使用。
通过命令行快速安装 chrome-gif-recorder AI 技能到你的开发环境
来源：dawiddutoit/custom-claude。
Record browser workflows as annotated GIFs with visual indicators for clicks, drags, and actions. Produces professional documentation-ready GIFs with automatic frame capture, action annotations, and quality optimization.
Always start by getting tab context to identify available tabs:
This ensures you have a valid tabId for all subsequent operations.
将浏览器工作流程记录为带注释的 GIF，用于文档和教程。在创建浏览器交互的可视化文档、记录分步教程或捕获支持票证的工作流程时使用。在“记录此工作流程”、“创建 GIF 教程”、“将此过程记录为 GIF”、“向我展示如何将 X 做为 GIF”等短语或当用户需要可视化分步文档时触发。通过 MCP 工具（tabs_context_mcp、gif_creator、计算机）与 Chrome 浏览器自动化配合使用。 来源：dawiddutoit/custom-claude。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/dawiddutoit/custom-claude --skill chrome-gif-recorder将浏览器工作流程记录为带注释的 GIF，用于文档和教程。在创建浏览器交互的可视化文档、记录分步教程或捕获支持票证的工作流程时使用。在“记录此工作流程”、“创建 GIF 教程”、“将此过程记录为 GIF”、“向我展示如何将 X 做为 GIF”等短语或当用户需要可视化分步文档时触发。通过 MCP 工具（tabs_context_mcp、gif_creator、计算机）与 Chrome 浏览器自动化配合使用。 来源：dawiddutoit/custom-claude。
打开你的终端或命令行工具（如 Terminal、iTerm、Windows Terminal 等） 复制并运行以下命令：npx skills add https://github.com/dawiddutoit/custom-claude --skill chrome-gif-recorder 安装完成后，技能将自动配置到你的 AI 编程环境中，可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/dawiddutoit/custom-claude