Communitygithub.com

deepseek-ai/record-browser-gif

Enregistrez des démos d'interaction avec un navigateur ou une interface Web sous forme de GIF optimisés, en utilisant le flux de contrôle du navigateur disponible, les vidéos Playwright en option pour des taux de capture d'images plus élevés et un encodage déterministe, puis joignez le GIF à une pull request avec `gh --attach`, avec repli sur une branche dédiée aux assets si l'attachement ne fonctionne pas.

Qu'est-ce que record-browser-gif ?

Cette compétence permet de capturer des interactions utilisateur dans un navigateur ou une interface Web et de les convertir en GIF animés optimisés. Elle utilise le flux de contrôle du navigateur existant (par exemple, via un outil comme `browser-control`) et peut tirer parti des vidéos Playwright pour obtenir un taux d'images par seconde plus élevé, puis encode le résultat de manière déterministe pour minimiser la taille du fichier. Le GIF résultant est automatiquement joint à une pull request sur GitHub à l'aide de la commande `gh --attach` ; si cette option n'est pas disponible (par exemple, pour des raisons de permissions ou de contexte), la compétence replie sur le téléchargement vers une branche dédiée aux assets. Elle est conçue pour être utilisée chaque fois qu'un développeur demande la création d'un GIF démontrant un flux de travail dans le navigateur, et obligatoirement pour chaque pull request qui modifie un comportement d'interface graphique visible par l'utilisateur, afin de fournir une preuve visuelle claire des changements. La compétence est compatible avec les agents utilisant le contrôle de navigateur, comme Claude Code, Codex, ou d'autres environnements similaires.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/deepseek-ai/deepseek-harness/tree/master/.agents/skills/record-browser-gif
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait record-browser-gif ?

Enregistrez des démos d'interaction avec un navigateur ou une interface Web sous forme de GIF optimisés en utilisant le flux de contrôle du navigateur disponible, les vidéos Playwright en option pour des taux de capture d'images plus élevés et un encodage déterministe, puis joignez le GIF à une pull request avec gh --attach, avec repli sur une branche dédiée aux assets si l'attachement ne fonctionne pas. Utilisez cette compétence lorsque l'on vous demande de réaliser, enregistrer ou générer un GIF qui démontre un flux de travail dans un navigateur, et pour chaque pull request qui modifie un comportement d'interface graphique visible par l'utilisateur, ce qui DOIT inclure une démonstration visuelle.

Skills associés

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