Communitygithub.com

qkhalk/goclaw

Produce vídeos MP4 a partir de plantillas de animación HTML/CSS/JS: diseño de línea de tiempo, animación determinista (aleatoriedad con semilla), captura de fotogramas exacta con navegador sin interfaz gráfica, configuración de codificación y sincronización de audio. Útil para vídeos programáticos, intros, promociones y gráficos en movimiento.

¿Qué es goclaw?

El skill `qkhalk/goclaw` permite generar vídeos MP4 programáticamente a partir de plantillas de animación HTML, CSS y JavaScript. Es ideal para desarrolladores y creadores de contenido que necesitan producir vídeos como intros, promociones, gráficos en movimiento o cualquier tipo de animación procedural. La habilidad se basa en un diseño de línea de tiempo donde se definen keyframes y transiciones, y utiliza una animación determinista con aleatoriedad controlada por semilla, lo que garantiza resultados reproducibles. Para la captura, emplea un navegador headless que renderiza cada fotograma con precisión, permitiendo una sincronización exacta de audio. Luego, combina estos fotogramas usando configuraciones de codificación (por ejemplo, con ffmpeg) para generar el archivo MP4 final. Es compatible con herramientas como Claude Code, Cursor y otros asistentes de IA, y se integra fácilmente en flujos de trabajo automatizados. El skill es particularmente útil cuando se necesita crear vídeos a partir de plantillas HTML/CSS/JS, evitando herramientas de edición tradicionales y aprovechando la flexibilidad del desarrollo web.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/qkhalk/goclaw/tree/dev/skills/html-video
Ver original→Ver todas las habilidades

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentación

¿Qué hace goclaw?

Produce vídeos MP4 a partir de plantillas de animación HTML/CSS/JS: diseño de línea de tiempo, animación determinista (aleatoriedad con semilla), captura de fotogramas exacta con un navegador headless, configuración de codificación y sincronización de audio. Útil para vídeos programáticos, intros, promociones y gráficos en movimiento. Palabras clave: vídeo HTML, MP4, animación, navegador headless, captura de fotogramas, ffmpeg, codificación, gráficos en movimiento, línea de tiempo, vídeo automatizado, creación de vídeo, animación HTML. Úsalo cuando necesites crear vídeos MP4 a partir de plantillas HTML/CSS/JS.

Skills relacionados

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