Claude Composes Piano Music — JS Animation
Kevin Ngo
@kevin_t_ngo · 19.3K followersA hand-drawn crayon-style JavaScript animation where a blocky orange Claude character sits at a piano, pencil in hand, composing sheet music while a black cat lounges beside it. The whole scene — warm textures, scribbled notes on a music stand, a glowing lamp — was generated by Claude Opus 5.5, which also composed the actual piano piece. It's the rare combo of AI music composition and bespoke animated visuals in one charming package.
- Claude Opus 5.5 composed original piano music AND directed the animation concept
- Full JavaScript-drawn animation with a cozy crayon/sketch aesthetic
- Charming character design: blocky Claude mascot, black cat companion, handwritten sheet music
“I asked Claude Opus 5.5 to compose piano music. Animation drawn using JavaScript.”
Similar builds
SS27 Escape Velocity — AI Fashion Lookbook Film
@anabology
♥ 14.5K · 19.3M views
Claude's Motion Design Showreel
@stephanlivera
♥ 16.8K · 2.1M views
AI Time Horizon — Animated Data Explainer
@donaldjewkes
♥ 10.2K · 3.5M views
How the Tesla Roadster Can Fly — 3D Visual
@enes_code
♥ 8.4K · 2.5M views
One Shape, 14 UI States — Spring Motion Loop
@twoclipping
♥ 12K · 1M views
Pixel Art Neural Network Training Animation
@DotCSV
♥ 9.4K · 571.9K views
Nothing Went Foom — AI Song & Music Video
@_brightmirror
♥ 5.7K · 876.6K views
After Effects Killer — Motion Design with Opus 5.5
@flxrnc
♥ 6.8K · 688K views