Kian | AI Builder

one prompt: "float an iphone and animate a text conversation going back and forth, imessage style" → the phone on the left. typing dots, bubbles popping in, the thread scrolling as it fills. every bubble is code. then one sentence of edit: "add a love tapback on the punchline, and confetti when 'no way' lands" → the phone on the right. same conversation, same timing, same float. the edit only added the heart and the confetti on top. nothing else moved. fully deterministic, same bytes every render. and your edits survive the next regeneration, which is the whole point. right now it's a committed scene file. wiring it so the same prompt reproduces it from the claude skills alone.

repo is: github.com/kiyeonjeon21/r…

prompt is: Starting from an iPhone floating in space with an animated iMessage-style conversation, create a video that shows the full creative progression of the scene. The original prompt was: "Float an iPhone and animate a text conversation going back and forth, iMessage style." The follow-up refinement was: "Add a love tapback on the punchline, and confetti when 'no way' lands." Capture the complete sequence: the conversation timing, camera choreography, message animations, tapback reaction, confetti burst, and all intermediate motion design choices. The goal is not just to show the final result, but to visualize the creative evolution from the first prompt to the refined version, including how the scene, motion, and storytelling change with each iteration.

That iMessage before/after I posted? Made in Claude Code with one prompt. reframe is a plugin. Install it and try it yourself: claude plugin marketplace add kiyeonjeon21/reframe --scope project claude plugin install kiyeonjeon21/reframe --scope project prompt → mp4. deterministic renders, your edits survive regeneration. 🎬

repo👇 github.com/kiyeonjeon21/r…

one prompt: "float an iphone and animate a text conversation going back and forth, imessage style" → the phone on the left. typing dots, bubbles popping in, the thread scrolling as it fills. every bubble is code. then one sentence of edit: "add a love tapback on the punchline, and confetti when 'no way' lands" → the phone on the right. same conversation, same timing, same float. the edit only added the heart and the confetti on top. nothing else moved. fully deterministic, same bytes every render. and your edits survive the next regeneration, which is the whole point. right now it's a committed scene file. wiring it so the same prompt reproduces it from the claude skills alone.

code👇 github.com/kiyeonjeon21/s…

got curious how stuff like this is actually built, so I made a browser playground to learn the pieces. 15 small interactive demos: glTF, shaders, three-mesh-bvh collisions, physics, PBR. all live, code's up. kiyeonjeon21.github.io/stereo-lab/

Three.js is only the rendering engine. The map, buildings, characters & environment were modeled in Blender + Houdini, then exported as GLTF. They added custom shaders for the cel-shaded look, three-mesh-bvh for collisions & performance, and kept everything tiny (~5.7MB initial load). Super wonderful what a small team can pull off in pure browser tech. No Unity/Unreal needed. Sources: Awwwards case study: awwwards.com/messenger.html Communication Arts interview: commarts.com/webpicks/messe…

today we're launching @Palmier_io, a video editor Claude can edit. use AI to edit, organize, and generate footage directly in the timeline. finally, a video editor built for AI. open-source. mac native. available now.

@marclou @mntruell In my case, I mostly lurk on Hacker News and rarely comment. I've posted 4–5 Show HN submissions this year, and at this point it almost feels like I've been soft-banned...

.@mntruell launched Cursor 8 times, and nobody cared. Don't give up.

@aniketjart The more I dig into this stuff, the more I realize the renderer is only part of the story. Most of the work is in the assets, shaders, and optimization.

@vericontext This needs more attention. The gltf and shaders part is so overlooked when people are talking about this website. Id say thats even majority of the work

this looks like a screen recording of claude code. it's not. it's a motion graphic of claude code, written as code and rendered to mp4 by the same tool it's building in the clip. no after effects, no screen capture. every frame is deterministic.

Built with reframe, the open-source motion tool I've been making. If there's interest I'll post a full breakdown. Repo: github.com/kiyeonjeon21/r…

Same tool as the Claude Code terminal and the device pieces. This time I pointed it at my own GitHub. My contribution year as a 3D flyover: busy days push toward the camera and glow, quiet days stay flat and dark. 4,378 commits in 12 months, and April went off (1,225 in one month). No editor, no timeline. Every frame is code, rendered deterministically to mp4.

@aks_2434 Neither, I built it. Used Remotion and Hyperframes ~3 months each first. I wanted one thing they didn't give me: an AI can fully regenerate the piece and my manual edits still survive the regeneration loop + determinism.

@vericontext Pros or cons when compared to remotion or hyperframes?

@jxnlco i love computers. my sleep schedule doesn't.

i fucking love computers

@Miguel07Code @HyperFrames_ @midjourney Did you validate that the narration was appropriate for each scene via hyperframes and then automatically generate the audio using HeyGen Voice Cloning with your voice?

I had to do a @HyperFrames_ video explaining the announcement of @midjourney, used it to generate some images too

While we wait for Claude Fable 5 to come back, here's another wild demo I built for Alpha School. A 3D game that generates itself on the fly, fusing what a kid has to learn with what they're actually into. Just the first prototype, done in two days with Fable. (sound on!)

it's called reframe. declarative motion graphics an llm can write and a human can tweak, rendered to mp4 deterministically. building it at night. repo: github.com/kiyeonjeon21/r…

and you can run it yourself. open this in a claude.ai artifact and it plays live in your browser, no install: claude.ai/public/artifac…