Communitygithub.com

deepseek-ai/record-browser-gif

Zeichne Browser- oder Web-UI-Interaktionsdemos als optimierte GIFs auf, nutze den verfügbaren Browsersteuerungs-Workflow, optionale Playwright-Videos für höhere Bildraten und deterministische Kodierung, und hänge das GIF mit `gh --attach` an einen Pull-Request an, mit Fallback auf einen dedizierten Assets-Zweig, falls `attach` nicht möglich ist.

Was ist record-browser-gif?

Diese Fähigkeit ermöglicht es einem KI-Agenten (wie Claude Code, Cursor oder Codex), Browser- oder Web-UI-Interaktionen als optimierte GIFs aufzuzeichnen. Sie verwendet den verfügbaren Browsersteuerungs-Workflow (z. B. Playwright) und kann optional Playwright-Videos für höhere Aufnahme-Bildraten nutzen. Die Kodierung erfolgt deterministisch, um konsistente Ergebnisse zu gewährleisten. Das resultierende GIF wird dann mithilfe des `gh --attach`-Befehls an einen Pull-Request angehängt; falls dieser Befehl nicht anwendbar ist (z. B. aufgrund von Berechtigungen oder Repo-Einstellungen), weicht die Fähigkeit auf einen dedizierten Assets-Zweig aus, um das GIF dennoch zu speichern und zu referenzieren. Sie ist besonders nützlich, um visuelle Änderungen in Pull-Requests zu dokumentieren – insbesondere bei Änderungen an benutzersichtbaren GUI-Verhalten – und auf Anfragen zu reagieren, ein GIF zu erstellen, das einen Browser-Workflow demonstriert.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/deepseek-ai/deepseek-harness/tree/master/.agents/skills/record-browser-gif
Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht record-browser-gif?

Zeichne Browser- oder Web-UI-Interaktionsdemos als optimierte GIFs auf, indem du den verfügbaren Browsersteuerungs-Workflow, optionale Playwright-Videos für höhere Aufnahme-Bildraten und deterministische Kodierung nutzt. Hänge das GIF dann mit gh --attach an einen Pull-Request an, mit Fallback auf einen dedizierten Assets-Zweig, falls attach nicht möglich ist. Verwende diese Fähigkeit, wenn du aufgefordert wirst, ein GIF zu erstellen, aufzuzeichnen oder zu generieren, das einen Browser-Workflow demonstriert, sowie für jeden Pull-Request, der das benutzersichtbare GUI-Verhalten des Produkts ändert. Dies MUSS für alle Pull-Requests mit visuellen GUI-Änderungen gelten.

Verwandte Skills

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community