create-motion-graphics-hyperframes
OfficialGenerate motion graphics, called hyperframes, and render them to video.
Authorgooseworks-ai
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the creation of HTML and GSAP-based motion graphics, known as hyperframes, and converts them into video format, simplifying the process of producing dynamic visual content.
Core Features & Use Cases
- HTML and GSAP Composition: Design and animate HTML graphics using GSAP for dynamic effects.
- Video Rendering: Convert the composed HTML into high-quality video files.
- Use Case: Ideal for ad agencies or marketers looking to create engaging ad content with custom motion graphics for social media or video platforms.
Quick Start
Use the create-motion-graphics-hyperframes skill to generate a motion graphic with the brief 'Create a hyperframe showcasing a product launch with a futuristic, dynamic theme'.
Dependency Matrix
Required Modules
playwrightgsapffmpeg
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: create-motion-graphics-hyperframes Download link: https://github.com/gooseworks-ai/gooseworks-ads-skills/archive/main.zip#create-motion-graphics-hyperframes Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.