將瀏覽器工作流程記錄為註釋的 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