ブラウザーのワークフローをドキュメントやチュートリアル用の注釈付き 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