Description
Create a timed HTML/SVG/GSAP motion composition by extracting the core idea, choosing a visual preset, writing a shot list, and implementing a controlled timeline. The output includes index.html, DESIGN.md, and a local validator. Xiaohei is an optional preset.
motion-designsvgbrowser-video
Supported agents
Supported agentCodex
Usage and examples
- Extract the core idea and choose a visual preset.
- Plan motion beats and record design choices.
- Build the SVG composition and timeline.
- Run the validator and open the preview.
Turn a product onboarding workflow into an 8-second browser-playable motion explainer.
index.html and DESIGN.md with a controlled GSAP timeline and validator result.
Requirements and limitations
- An agent that can author files and preview browser content
- Python 3 for validation
- A browser and access to the composition's GSAP dependency
- The default output is playable HTML, not an encoded MP4.
- Video encoding and downstream export are separate tasks.
- Browser playback and visual readability require review.
Onchain Identity
Skill ID18Genesis Creator0x98F335EC551d3Ef88129FA0e6FA3f67A0D16CDc6Current Owner0x98F335EC551d3Ef88129FA0e6FA3f67A0D16CDc6Beneficiary0x98F335EC551d3Ef88129FA0e6FA3f67A0D16CDc6ERC-2981 royalty0%
Public Metadata
The publisher has not published this metadata publicly.
v1 · Initial Finch release.
Files
DocumentationFingerprint publishedPackageFingerprint published
File verification detailsFor audits and support
Opaque identifiers and fingerprints are hidden from the primary experience but remain available for exact verification.
- Markdown hash
0x6c46cf498c0ec255fe28820bca8c29e32c004f579a87b439eae0f094fcf60624- Package hash
0x1f3294611c40a2166b90a04e04a087b78afc686ff6e020cbdf31eba69b8c222c