Loading video...

Video Failed to Load

Go Home

all of this is code Sonnet 5.5 max made this 39s video in 17 hours w/ HyperFrames , prompt below concept: depth is the hierarchy. On a screen you look into, focus picks what matters and going deeper shows more. • One object: a black glass instrument with three...

28,204 views • 1 day ago •via X (Twitter)

25 Comments

Miguel Ángel's profile picture
Miguel Ángel1 day ago

prompt: "make the hardest hyperframes video, showcase a new design innovation"

Somrat Dutta's profile picture
Somrat Dutta1 day ago

@HyperFrames_ premium

unfazed.'s profile picture
unfazed.17 hours ago

@HyperFrames_ isn't 17 hours too much ???

Harshit Khemani's profile picture
Harshit Khemani1 day ago

@arushi_ressl @HyperFrames_ no way, whattt

Bruce Martin's profile picture
Bruce Martin14 hours ago

@HyperFrames_ incredible

Rodrigo Vanegas's profile picture
Rodrigo Vanegas13 hours ago

@HyperFrames_ Es impresionante ver hasta dónde puede llegar el código aplicado al video. Pero 17 h también dejan una reflexión: que algo pueda hacerse de forma técnicamente compleja no significa que sea la más eficiente. Parte del avance está en saber elegir la herramienta según el objetivo.

Ayaan Khan's profile picture
Ayaan Khan1 day ago

@HyperFrames_ deterministic frames sound useful for fixing one section without rerendering everything. can you change a focus pull independently, or does it shift the rest of the timeline too?

Erik 🇨🇿 🇸🇰's profile picture
Erik 🇨🇿 🇸🇰14 hours ago

@HyperFrames_ 17 hours ?

Daniel White's profile picture
Daniel White10 hours ago

@HyperFrames_ kind of crazy this is

Yuval Avidani (יובל אבידני)'s profile picture
Yuval Avidani (יובל אבידני)22 hours ago

@HyperFrames_ But how did it generate the glass and all? This is code only?

Miguel Ángel's profile picture
Miguel Ángel22 hours ago

@HyperFrames_ html-in-canvas!

Yuval Avidani (יובל אבידני)'s profile picture
Yuval Avidani (יובל אבידני)22 hours ago

@HyperFrames_ This is really unbelievable! Will try it out soon 👏👏👏

Akshara Hegde - oss/acc's profile picture
Akshara Hegde - oss/acc22 hours ago

@HyperFrames_ Love it

Prince does AI's profile picture
Prince does AI1 day ago

@HyperFrames_ Holy crap. Amazing

John Kovacs's profile picture
John Kovacs22 hours ago

@HyperFrames_ 39s after 17h on sonnet max stuck with me. focus picking the window instead of bigger type is the hierarchy move

Hussain Poonawala's profile picture
Hussain Poonawala15 hours ago

@HyperFrames_ How many tokens did this use?

Miguel Ángel's profile picture
Miguel Ángel11 hours ago

@HyperFrames_ 2 billion

Gustavo Llermaly's profile picture
Gustavo Llermaly1 day ago

@HyperFrames_ the level of detail is amazing

🇺🇦 Maks Surguy's profile picture
🇺🇦 Maks Surguy22 hours ago

@HyperFrames_ You should try Rive next

Miguel Ángel's profile picture
Miguel Ángel22 hours ago

@HyperFrames_ I'm one of the co-creators of HyperFrames 🏃

Fūrin's profile picture
Fūrin1 day ago

@HyperFrames_ hey Miguel since gemini 4 already announced can u share some of its result on motion graphics

iammakayi's profile picture
iammakayi20 hours ago

@HyperFrames_ 17 hours? What’s the point lol

Victor | Applied AI & Automation's profile picture
Victor | Applied AI & Automation10 hours ago

@HyperFrames_ 17hrs is wild though

Ray Velez's profile picture
Ray Velez1 day ago

@HyperFrames_ hyperframes is getting hollywood grade real fast 👀

Arushi Gandhi's profile picture
Arushi Gandhi1 day ago

@HyperFrames_ 👀

Related Videos

context engineering vs graph engineering. every few months the list gets a new word and everyone treats it as a replacement for the last one. these two are not on the same list. one decides what the model sees this turn, the other decides what exists at all. the cleanest way to tell them apart is to ask what a single unit of work looks like. > context engineering is the window the window opens empty, every single time. you assemble what goes in it. the prompt, the docs, the history, the tool results. the assembling is the work. the window only grows. it never shrinks on its own, so eventually something gets dropped. usually from the middle. usually without telling you. then the turn ends and the window is thrown away. not archived, thrown away. the next turn opens empty again and you re-explain what you already explained. good context engineering is knowing what to leave out, not what to pack in. the unit of work is one window. > graph engineering is the structure the same material arrives from the same sources. instead of packing it into a window, you pull entities out of it, resolve the duplicates into one node, and write typed edges between them. nothing here is stored as text you hope to find again. it is stored as a thing with a name and its connections to other things. when the turn ends, the graph is still there. the next turn does not start from zero. it starts by querying what already exists, and the query walks edges instead of guessing at similarity. good graph engineering is deciding what counts as the same thing twice. the unit of work is one relationship. > they are not alternatives the graph is what refills the window. context engineering decides what fits. graph engineering decides what there is to choose from. remove the graph and every session starts blind. remove the context work and the best structure in the world arrives as an unreadable dump. that also tells you which one broke. the answer drifted from what you actually said, or forgot something from this same session. that is the window. the answer is coherent but invents a connection that does not exist, or cannot join two facts it has clearly seen. that is the structure. people debug the prompt because the prompt is the easiest thing to edit. it keeps taking the blame for failures that live a layer down. save this - then read the full breakdown below

Hanako

19,160 views • 2 months ago

OPUS 5.5 IS THE ONLY MOTION DESIGNER YOU NEED this launch video cost $0 and is pure code everyone else on X claims the same shit, then sends you to their website or mcp this is completely free with 0 external tools steal the prompt and try it in your claude ↓ Ask me for: a one-word brand name for the wordmark (a verb works best), 9 to 12 high-res photos, a royalty-free song around 120 BPM with a drop and a quiet breakdown (Mixkit, free for commercial use), and a free stock clip of a plain wall with moving plant shadows (Pexels). An Apple-keynote launch film, 2D only, one continuous take. Every scene is made out of the previous one: nothing fades, blurs or cuts. Objects change shape instead: text rises out of a mask line, icons pop from zero on a spring, bars draw across, pages push, and a black shape floods the whole frame and contracts into the next scene. Warm off-white canvas, black UI, iOS 26 liquid glass over the photos. Archivo (wdth 125, weight 800) for the wordmark, Geist for UI. A cursor drives every change with real clicks, drags and long-presses. The camera zooms screen-studio style so each moment fills the square, and the cursor scales with it. Banned: crossfades, blur-ins, brightness "developing", 3D flips, particles, glows, holds longer than 1s, anything that looks like a template. 120 BPM, 54 beats, something happens on every beat. Open: the wordmark squeezes into its own period like an accordion, the dot grows into a black pill, a label rises inside it. Click: six iris blades close over the label and snap open onto a photo. The circle becomes a square, shrinks, the grid unfolds from behind it like a paper map (center, plus, corners), reflows into a bento, and a click zooms into one tile, landing exactly on the drop. Glass: a glass word pops in letter by letter, melts into a droplet that stretches into a glass toolbar. The adjust icon turns it into a slider. Dragging relights the photo from day to golden hour (two aligned shots), and the knob turns into a glass lens while held. It lifts into a glass orb, the next photo opens inside it as a circle, and the orb expands into a lock screen: glass clock digits, date, and a home bar that stretches into a glass music player. Stage: the lock screen pulls back into a phone (the bezel grows out of the screen edge). The Dynamic Island stretches like liquid, pinches off, flies over and grows into a Mac window that rolls up like a blind. Long-press the wallpaper, drag it onto a Safari tab, the page pushes in, drop it and it becomes the hero of a landing page. Scroll: the hero morphs into a framed print on a product card, with the mat and molding growing out of the photo's edge. Pick a frame color (it paints across) and a size, then the nav button flies down into "Order print". Order: one black shape keeps morphing: Ordered ✓ → Printing % → On its way (a van on a route) → Delivered ✓. Wall: the delivered circle floods the frame edge to edge, holds black for a beat, and contracts into the framed print hanging on the real wall footage. The same iris opens onto the print, closes again, the frame floods the screen and contracts into the pill → the dot → the letters spring back out, landing on the beat return. Last frame = first frame. 1. One HTML file, square 1440x1440. Every style is computed from time inside an async seek(t): no CSS transitions, no timers, no state between frames. 2. Springs are closed-form step responses. A value with many targets is the sum of one spring per change, so it stays a pure function of time. 3. Liquid glass: each glass element holds its own clone of the scene behind it, filtered with an SVG feImage displacement map (a rounded-rect distance field) through three feDisplacementMaps at slightly different scales for chromatic edges, plus a rim light. Glass letters: a canvas distance field per glyph gives the map, mask and highlights. 4. Goo: blur + alpha threshold, then composite the source atop it so the glass stays sharp inside. 5. Iris: 6 blades around a hexagonal aperture. Each blade is its two vertices, both edge extensions and the SHORT arc between them. 6. Wordmark squeeze: every letter moves toward the dot by the same factor and its drawn width follows (narrow the wdth axis, scale the rest), so the letters stay touching. 7. Footage: re-encode all-intra (ffmpeg -g 1), load it as a blob URL, await 'seeked' before drawing each frame. 8. Sound: a downloaded SFX for every event (Mixkit), never synthesized, each placed by its measured peak. The song starts on a downbeat: the zoom lands on the drop, the wall sits in the breakdown, the wordmark returns with the beat. Loudnorm to -14 LUFS. 9. Render with Playwright: 4 subframes per frame blended with ffmpeg tmix, 60fps. Check one frame per beat, then scan for single-frame pops (frame-difference spikes 3x their neighbours). backdrop-filter: url() misreads displacement maps in Chromium, so clone the scene instead. A flood must overscale past the corners and take about 0.3s, or half the screen changes in one frame. A child with visibility: visible shows through a hidden parent, so use inherit. Text that swaps inside a morphing shape needs its own mask. python http.server can't range-seek video, so use the blob URL. Ask me for the inputs, then show me the beat map and 4 stills (open, glass, stage, wall) before you write the full film.

zero

126,830 views • 5 days ago

Every pane of glass around you. 🪟 Every window. Every phone screen. Every car windscreen. Every skyscraper.🇬🇧 All made the same way. All using the same process. Invented in a kitchen sink in Lancashire. His name was Sir Alastair Pilkington. He wasn't even related to the glass company. He just happened to share the name and married into the family. In 1952 he was doing the washing up at home. He watched the grease float on the water. Perfectly flat. Undisturbed. And thought: what if molten glass could do that? Before this moment, flat glass had been made the same way for three hundred years. 😰 You melted sand. You poured it into sheets. Then you ground it. And polished it. By hand. For hours. A third of every sheet was wasted in the process. The work was brutal. The results were inconsistent. Nobody questioned it. That was just how glass was made. Pilkington went to his bosses at Pilkington Brothers in St Helens with his idea. They backed him. It took seven years. It cost £7 million. An enormous sum in the 1950s. There were years where nothing worked. The company nearly went bankrupt. His idea: pour molten glass at 1,100°C onto a bath of molten tin. Glass is less dense than tin. It floats. It spreads. Both surfaces fire-polished perfectly flat by the heat. No grinding. No polishing. No waste. 🔥 In January 1959, it worked. The float glass process was licensed to manufacturers across the world. Over 40 companies. Over 30 countries. Today it accounts for over 90% of all flat glass production on Earth. Every window you have ever looked through in your entire life was almost certainly made using this single British process. Sir Alastair Pilkington was knighted in 1970. Elected Fellow of the Royal Society in 1969. Made a life peer in 1995. Baron Pilkington of St Helens. He died the same year. Before he could take his seat in the House of Lords. A British man with an idea who changed every building on Earth. 🇬🇧 Be part of us - Be proud of us. 🙏🇬🇧

Proudofus.uk

130,952 views • 6 months ago

Let’s see what happened to all these materials after I dipped them into the magical glass-forming liquid. As you can see, the entire surface of the liquid has completely solidified. But I was still able to push the side of the container in, which means that underneath, it is still liquid. So this is not one solid block of glass. Let’s look at them one by one. First, I’m taking out the pencil. Well, no glass layer formed on this one. What you can see on it is simply the dried upper crust of the liquid. To be honest, I expected this, because this isn’t really bare wood—it’s more like wood with a plastic coating. Next is the geopolymer. The result is exactly the same. This one surprised me, because this was actually the material I was most confident would develop a deposit. But apparently not. Next comes the granite. And by now, it’s pretty easy to see that the result is the same again: nothing deposited on it. The next object is the spoon. I had absolutely no expectations for this one, and absolutely nothing is exactly what happened. There’s only the dried upper crust stuck to it, and the rest will probably just run off. But what about the egg?! A few days ago, it looked as though the egg was going to be the champion, with a massive layer of glass apparently forming on it. Well, I have some bad news: not at all. And why? I have absolutely no idea. And finally, just quickly at the end… The piece of limestone suffered exactly the same fate, and so did the peach. So, in reality, the experiment was a spectacular failure. None of these objects developed a glass layer. And in my opinion, this is exactly why it’s not worth publishing the recipe yet. Because, as you can clearly see, this time it simply didn’t work—even though, in theory, I did exactly the same thing as before. So, I wish myself happy experimenting. Once again, I’ve been given a new puzzle that I have to solve. … Meanwhile, in the container right next to it, this happened. And the recipe is exactly the same! Wow! 🤯

Marcell Fóti 🪨

21,749 views • 1 month ago

Fable 5 and GPT-5.6 built the same scroll-animated website from 1 skill in 32 minutes and only 1 of them made it feel like a film. Same prompt: boutique Japan travel brand, origami style. A subway pulls in, a paper house unfolds into a hotel, a bird takes flight as you scroll. Doing this by hand is brutal multiple videos, matched starting frames, frames ripped out 1 by 1 and synced to scroll position. The skill does all of it: Generate 1 anchor image and approve it every scene inherits the style Turn it into video through the Higgs Field MCP (Seedance), straight from the terminal FFmpeg pulls every frame Each frame maps to scroll position, so your scrollbar becomes the playhead Setup is just connecting the MCP and loading the skill works in Claude Code and Codex. It interviews you first about scenes, budget and mobile, then shows the anchor image before burning a single credit on video. Budget reality: 6 scenes runs ~800 credits and is overkill, 4 scenes is the sweet spot, crop-safe mobile is the cheap path. The verdict came down to transitions. GPT-5.6 Soul built strong scenes with incredible detail inside each one then hard cuts between scene 1 and 2, and again between 2 and 3. Fable 5 stitched them together: wires push out of the top of frame while the next scene blurs in behind, gains depth and locks into place. Same skill, same prompts, 10 generations each. Credit to Peter Wang for the original Scroll World skill open source, now forked with budget tiers and mobile fixes. Soul built 4 scenes. Fable built 1 film.

Spike 1%

45,683 views • 2 months ago