Communitygithub.com

deepseek-ai/record-browser-gif

Grava demonstrações de interações no navegador ou em interfaces web como GIFs otimizados, usando o fluxo de controle do navegador disponível, vídeos opcionais do Playwright para taxas de quadros mais altas e codificação determinística, e anexa o GIF a um pull request com `gh --attach`, com fallback para um branch de assets dedicado quando o anexo não é possível.

O que é record-browser-gif?

Esta skill permite que agentes de IA, como Claude Code, Cursor ou Codex, gravem interações em navegadores ou interfaces web e as convertam em GIFs otimizados de forma determinística. Ela utiliza o fluxo de controle do navegador disponível e, opcionalmente, vídeos do Playwright para obter taxas de quadros mais altas. A principal utilidade é documentar visualmente mudanças em interfaces de usuário (GUI) em pull requests, anexando o GIF diretamente com o comando `gh --attach` ou, em casos de incompatibilidade, armazenando-o em um branch de assets dedicado. Isso garante que cada alteração visível ao usuário seja acompanhada de uma demonstração clara e reprodutível, facilitando revisões de código e comunicação entre desenvolvedores.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/deepseek-ai/deepseek-harness/tree/master/.agents/skills/record-browser-gif
Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

O que record-browser-gif faz?

Grava demonstrações de interações no navegador ou em interfaces web como GIFs otimizados usando o fluxo de controle do navegador disponível, vídeos opcionais do Playwright para taxas de quadros mais altas e codificação determinística, e anexa o GIF a um pull request com gh --attach, com fallback para um branch de assets dedicado quando o anexo não é possível. Use quando solicitado a criar, gravar ou gerar um GIF que demonstre um fluxo de trabalho no navegador, e para cada pull request que altere o comportamento visível ao usuário da GUI do produto, o que DEVE incluir um GIF demonstrativo.

Habilidades Relacionadas

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