·chrome-gif-recorder
>_

chrome-gif-recorder

Zeichnet Browser-Workflows als kommentierte GIFs für Dokumentationen und Tutorials auf. Verwenden Sie es zum Erstellen einer visuellen Dokumentation von Browserinteraktionen, zum Aufzeichnen von Schritt-für-Schritt-Anleitungen oder zum Erfassen von Arbeitsabläufen für Support-Tickets. Wird bei Phrasen wie „Diesen Arbeitsablauf aufzeichnen“, „GIF-Tutorial erstellen“, „Diesen Prozess als GIF dokumentieren“, „Zeige mir, wie man X als GIF ausführt“ ausgelöst oder wenn der Benutzer eine visuelle Schritt-für-Schritt-Dokumentation benötigt. Funktioniert mit der Chrome-Browserautomatisierung über MCP-Tools (tabs_context_mcp, gif_creator, Computer).

5Installationen·1Trend·@dawiddutoit

Installation

$npx skills add https://github.com/dawiddutoit/custom-claude --skill chrome-gif-recorder

So installieren Sie chrome-gif-recorder

Installieren Sie den KI-Skill chrome-gif-recorder schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/dawiddutoit/custom-claude --skill chrome-gif-recorder
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: 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.

Zeichnet Browser-Workflows als kommentierte GIFs für Dokumentationen und Tutorials auf. Verwenden Sie es zum Erstellen einer visuellen Dokumentation von Browserinteraktionen, zum Aufzeichnen von Schritt-für-Schritt-Anleitungen oder zum Erfassen von Arbeitsabläufen für Support-Tickets. Wird bei Phrasen wie „Diesen Arbeitsablauf aufzeichnen“, „GIF-Tutorial erstellen“, „Diesen Prozess als GIF dokumentieren“, „Zeige mir, wie man X als GIF ausführt“ ausgelöst oder wenn der Benutzer eine visuelle Schritt-für-Schritt-Dokumentation benötigt. Funktioniert mit der Chrome-Browserautomatisierung über MCP-Tools (tabs_context_mcp, gif_creator, Computer). Quelle: dawiddutoit/custom-claude.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/dawiddutoit/custom-claude --skill chrome-gif-recorder
Kategorie
>_Produktivität
Verifiziert
Erstes Auftreten
2026-02-25
Aktualisiert
2026-03-10

Browse more skills from dawiddutoit/custom-claude

Schnelle Antworten

Was ist chrome-gif-recorder?

Zeichnet Browser-Workflows als kommentierte GIFs für Dokumentationen und Tutorials auf. Verwenden Sie es zum Erstellen einer visuellen Dokumentation von Browserinteraktionen, zum Aufzeichnen von Schritt-für-Schritt-Anleitungen oder zum Erfassen von Arbeitsabläufen für Support-Tickets. Wird bei Phrasen wie „Diesen Arbeitsablauf aufzeichnen“, „GIF-Tutorial erstellen“, „Diesen Prozess als GIF dokumentieren“, „Zeige mir, wie man X als GIF ausführt“ ausgelöst oder wenn der Benutzer eine visuelle Schritt-für-Schritt-Dokumentation benötigt. Funktioniert mit der Chrome-Browserautomatisierung über MCP-Tools (tabs_context_mcp, gif_creator, Computer). Quelle: dawiddutoit/custom-claude.

Wie installiere ich chrome-gif-recorder?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/dawiddutoit/custom-claude --skill chrome-gif-recorder Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/dawiddutoit/custom-claude