My goal with the Kinetic extension to WildflowerJS is to make motion graphics approachable for the lay user. Whether it's someone creating an explainer for an internal work meeting, or a presenter wanting something engaging for their conference talk, or a startup wanting to have a compelling software walkthrough, all should be able to, with just a browser and access to their own assets and royalty-free assets, use an AI agent to build a motion video.
But it's not just an AI agent skill, it's a system that allows the agent to build this easily, with inspectability and repeatability (not just an LLM going to town!), using nothing but tools that exist in the Chrome browser now. No build, no dependency tree, no external tooling. 100% HTML and JS.
I don't see it as a replacement for professional tools. Those are for professionals. But others should have the ability to create compelling motion presentations, for those situations that don't rise to the need for a professional motion designer.
For examples of what can be built with a simple prompt, head to:
https://bsky.app/profile/wfjs-admin.bsky.social/post/3mzslixwluc2l
or
https://x.com/WildflowerJS/status/2119431614430085391
(Only because dev null does not yet support video!)
The vid shared in those posts was created from that simple prompt, in Claude Design, and rendered to MP4 in Chrome 158. (Actually, Chrome 156 with HTML-in-Canvas turned on).
If you can (or want) give it a try yourself and let me know what you come up with!
Bluesky SocialWildflowerJS (@wfjs-admin.bsky.social)You can make Kinetic videos in your browser today. Give Claude Design a prompt like: "Using Kinetic (kinetic.wildflowerjs.com/llms.txt), build a motion video that explains how a bill becomes law." It plays in-browser. To render an MP4, export the artifact as HTML and open it in Chrome 157+.
commit 1e16dde