Communitygithub.com

qkhalk/goclaw

Erstelle MP4-Videos aus HTML/CSS/JS-Animationsvorlagen: Timeline-Design, deterministische Animation (gesetzte Zufälligkeit), frame-genaue Erfassung mit einem Headless-Browser, Kodierungseinstellungen und Audio-Synchronisation. Ideal für programmatische Videos, Intros, Promos und Motion Graphics.

Was ist goclaw?

qkhalk/goclaw ist ein Skill zur programmatischen Erstellung von MP4-Videos aus HTML/CSS/JS-Animationsvorlagen. Er ermöglicht die Definition komplexer Animationstimelines, nutzt deterministische Zufälligkeit (Seed-basiert) für reproduzierbare Ergebnisse und erfasst Frames frame-genau mit einem Headless-Browser, bevor sie mittels ffmpeg kodiert und mit Audio synchronisiert werden. Dieser Skill ist besonders nützlich für Entwickler und Content-Ersteller, die automatisierte Video-Workflows für Intros, Promos, Motion Graphics oder andere dynamische Videoinhalte benötigen. Unterstützt wird die Verwendung in Kombination mit AI-Agenten-Plattformen wie Claude Code, Cursor oder Codex, wobei der eigentliche Workflow die lokale Ausführung von ffmpeg und einem Headless-Browser (z. B. Puppeteer oder Playwright) voraussetzt. Die Funktionsweise basiert auf einer Vorlage, die HTML/CSS/JS zur Beschreibung der Animation verwendet, wobei jede Szene als Liste von Frames definiert wird und die Ausgabe als MP4 mit konfigurierbaren Kodierungsparametern (Codec, Bitrate, Auflösung) erfolgt.

Funktioniert mit~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/qkhalk/goclaw/tree/dev/skills/html-video
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 goclaw?

Erstelle MP4-Videos aus HTML/CSS/JS-Animationsvorlagen: Timeline-Design, deterministische Animation (gesetzte Zufälligkeit), frame-genaue Erfassung mit einem Headless-Browser, Kodierungseinstellungen und Audio-Synchronisation. Verwende es für programmatische Videos, Intros, Promos und Motion Graphics. Schlüsselwörter: HTML-Video, MP4, Animation, Headless-Browser, Frame-Erfassung, ffmpeg, Kodierung, Motion Graphics, Timeline, Video tự động, tạo video, hoạt hình HTML. Verwende es, wenn du MP4-Videos aus HTML/CSS/JS-Vorlagen erstellen musst.

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