Was macht web-animation-engine?
Ein Claude-Skill und eine ~700-zeilige React+SVG-Laufzeitumgebung zum Erstellen animierter Webszenen, Erklärvideos und Bewegtgrafiken. CDN-only, kein npm, kein Build-Schritt.
Ein Claude-Skill und eine ~700-zeilige React+SVG-Laufzeitumgebung zum Erstellen animierter Webszenen, Erklärvideos und Bewegtgrafiken – CDN-only, kein npm, kein Build-Schritt.
Dieser Skill bietet Claude die Fähigkeit, animierte Webszenen, Erklärinhalte und Motion Graphics direkt im Browser zu erstellen – und das ohne npm, Build-Tools oder komplexe Einrichtung. Stattdessen wird eine knapp 700 Zeilen umfassende React+SVG-Laufzeitumgebung über ein CDN geladen. Entwickler und KI-Agenten können somit dynamische Animationen für Präsentationen, Tutorials oder visuelle Geschichten coden, die sofort im Browser ausgeführt werden. Der Skill eignet sich besonders für schnelle Prototypen und interaktive Webinhalte, bei denen ein schlanker Stack und direkte CDN-Einbindung im Vordergrund stehen. Er unterstützt Szenenkomposition, Keyframe-Animationen und die Steuerung von SVG-Elementen – alles ohne lokale Abhängigkeiten.
npx skills add SMKeramati/web-animation-engineEin Claude-Skill und eine ~700-zeilige React+SVG-Laufzeitumgebung zum Erstellen animierter Webszenen, Erklärvideos und Bewegtgrafiken. CDN-only, kein npm, kein Build-Schritt.
Extract frames or short clips from videos using ffmpeg.
Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.
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.
Obra superpowers agent skills.
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...
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.