Text / Logo

Using the attached 3 images (my X profile, my viral post, and my latest post), create a 15-second show reel of my X activity as a vertical HTML animation and an iPhone-ready MP4. Do not ask questions; complete it fully. The flow should be: "When I started → What I did → Viral numbers → Reality of what's still missing → A final word about the future".

<inputs> Ask me for: the one question a user asks my product and its one-line answer, two album covers, a royalty-free song around 110 BPM with a quiet intro and a hard drop (Mixkit, free for commercial use), and my logo for the ending. If I skip any, use the defaults: "is this all code?" / "yes. every frame.", two atmospheric photos, Mixkit "Head Bang". </inputs> <direction> A 22 second square loop, 1440x1440 at 60fps, 2D only, one continuous take. Nothing ever cuts: every scene grows out of the last, and every gesture physically carries the camera into the next world. Every morph glides for 0.8s on cubic-bezier(.45,0,.15,1) and the camera zoom rides the same curve, so shapes change so smoothly you barely notice. Content dissolves in the back half of each glide. One gesture per scene. Look: a warm light stage (#f3f3f0 to #e3e3de), black UI, the app world dark (#121212) tinted from the current album cover, one green accent (#1ed760). Geist for UI, the real macOS pointer, soft layered shadows that grow with the shape's height. Banned: hard cuts, bouncy springs, particles, glows, zooming in and straight back out, holds longer than 1s, anything that looks like a template. </direction> <structure> Beats are the song's, and the press lands on its drop. Generate: the cursor clicks, the pill glides into a spinner, then a check. Chat: the check splits into three typing dots (goo). The left dot flies up into the question bubble and types it, the right one flies down into the reply. Both contract back into dots while gliding in and pour into the middle one. Play: the middle dot bends into a play triangle, point by point. The cursor presses it on the drop: a white button pops in under the click and the dark app floods out around it, so the leftover white becomes the play button. The camera pulls back to reveal the full now-playing screen: big cover, title, heart (liked, fills green), progress, controls, volume. Swipe: the cursor drags the cover sideways, the next track slides in, and the whole app retints from the new cover. Drag: the camera glides to the volume. The cursor drags it to max and keeps pulling: the bar rubber-bands and drags the camera sideways out of the app, tracking the knob across a dark dotted canvas. Chart: the line lands and bends up into a green chart while the number counts up. The volume knob becomes its last point. Dive: the cursor clicks that point and the camera dives into it until the light stage fills the frame. Ending: an "Ask [my product]" button grows out of the light, thins into a line, and the line fans out into my logo (default: the Claude spark, six copies rotating into twelve rays in Claude orange). It folds back into the line, which thickens into Generate. Last frame = first frame. </structure>

Here is my life timeline. Turn it into a [45]-second motion graphics video, 1080 x 1350, for LinkedIn. One scene per moment. Show the year large and the moment in one line, and move between them. Build it as one HTML file where every frame is a part of time Before you render, make a contact sheet of stills, check it for overlaps and spelling, and fix what is wrong. Then render the MP4.

Create a dynamic 30sec launch vdo for your site url here. Make it feel like a high-end motion designer’s resume/showreel piece, bold, cinematic, polished, and visually impressive. Showcase the website’s identity, UI, features, and overall concept through fast-paced motion graphics, smooth transitions, kinetic typography, creative camera movements, and strong visual storytelling. Go all out with the motion design. Make every second feel intentional and demonstrate exceptional creativity, timing, composition, and animation quality. The final video should feel like a professional product launch + motion design showreel, not a generic website promo.

make a dynamic 30-second motion graphics video that shows how DecorViz works, like it's your showreel for a résumé. go all out.

Build a 22-second product launch film in Remotion v4 (React + TypeScript). Every frame comes from code. Don't use AI-generated video or images. I also attached High res mobile app screenshots.

Write code in Remotion to create a 15-second timeline movie of the history of search. - From 1996 to 2015, neon-style years appear with a spring-like 3D rotation, slamming into place. - For each year's events, from university research to holding company reorganizations, add line-art SVG illustrations. - End with the phrase 'From Search, To Everything.'

<direction> Dribbble-level dark-mode UI motion. One continuous timeline, 0 hard cuts. Canvas: Pitch black (#000000) with subtle grid texture. Pacing: Strict 120 BPM, punchy kinetic typography. Camera: Snappy </direction>

Create a video essay based on Paul Graham's essay 'How to do great work'. Use punchy motion graphics, modern styling, and a highly professional aesthetic.

using the existing brand elements of hoplite create a feature launch video for closing your laptop with the hoplite mac app and seamlessly moving your agents to the cloud.

Act as a senior motion designer and build a 30-second launch video for [product] in Remotion, entirely in code so I can edit and re-render it: first read my landing page and codebase to pull the real story, copy, colors, font and logo file (trace the logo to SVG so it stays sharp and can be animated), then write the video as one story (why the market matters, why it's painful today, how [product] fixes it, what you get) in 4 to 5 scenes with one short title each, animate everything like a premium product film (kinetic typography word by word, spring easing, smooth camera pushes and pans, depth and glow, elements that build in on the beat instead of just appearing), keep each scene on screen long enough to read, add one soft sound effect for every element that appears and silence otherwise, and end on a memorable animated logo reveal with the tagline and URL, then render it, check the frames yourself and fix anything that overlaps, clips or feels rushed before showing me the result.

Build an Apple-keynote launch film as a single HTML file, then render it to MP4. <inputs> 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). </inputs> Create one continuous take, no cuts, no fades. Use liquid glass, iris blades, and goo effects. Sync animations to 54 beats at 120 BPM. Source stock assets if needed, write one HTML file, and render it to 60fps.

You are a promotional video director. Please use HyperFrames (npx hyperframes) to create a 30-second, 1920x1080, narration-free promotional video while conversing with me. ■ Process 1.

Please create introductory news about games released on Steam from September 25th to September 26th. From a gamer's perspective, highlight what seems interesting about each game in an easy-to-view manner. Make it a motion graphics video of about 60 seconds.

Create an intro for https://t.co/wQXZTaqf1b highlighting what it does. Create the music too and make sure the video is synced with it. Give your best, Ultracode, as if it’s your portfolio master piece.

<inputs> Ask me for: a brand name, its logo (SVG or high-res PNG), one line of what it becomes in 5 years (not today's features), one coined word the film should teach (e.g. "signal"), a public-domain archival clip of the old way of doing it (https://t.co/t5EaRxnryq Prelinger), an archived web page from ~2000 where people asked for things (Wayback Machine), a royalty-free song ~100-120 BPM with a real drop (Mixkit, free for commercial use), and a free ElevenLabs key for the narrator (premade voices only). </inputs> <direction> An a16z x Content Rewards brand film, ~55s. It sells one feeling and one idea, never features. Real archival and real web pages, never stock footage, never product screens, never fake UI. One hero object: a 3D button with the logo embossed into it, the ONLY saturated colour in the film. Everything else white, silver, cream and archival black. Small white captions that light up word by word on the narrator's timestamps. Film texture: fresh grain every frame, halation on bright edges, soft vignette, warm lifted blacks. The brand appears at the end, never before. Banned: stock footage, dashboards, chat UIs, feature tours, cards without real profile pictures, wobbly "worm" graph lines, random glitches, any hold longer than 1.5s, purple, rainbow gradients, orange on anything but the button. </direction> <structure> Cold open (0-8s): the archival clip plays on a glowing old CRT TV with its real dialogue, captions word by word. The past (8-17s): push into the real 2000 web page, a cursor lands on one real "wanted" post, old pages strobe one per frame, a counter ticks EVERY frame up to today's scale. Narrator: "People have always asked the internet for what they need." / "Today, there are five hundred million posts a day." Bridge (17-30s): a galaxy of real old asks. One ask snaps to a white outline with a chip of the coined word ("We call that a signal."). Archival of people doing it by hand on the TV. Cut on each word: "Door by door. Call by call. Scroll by scroll." The narrator never stops talking between acts. Button (30s): the button rises out of black, rim light first, colourless. "[Brand] finds the signals." A flat grey line: "this is how you find customers by hand". Hard cut to a button macro, the colour comes alive, the music drop lands on this exact frame. "and this... is with [Brand]": a steep lit curve, counters changing every frame, a glowing sine with a comet head the camera chases, then platform strikes (X, Reddit, LinkedIn, YouTube, Instagram, TikTok) each with its own counter, then the galaxy again with glowing platform logos: "Every signal on the internet." Hyperspace. End: the tagline word by word, then "[Brand] is live.", ONE cream frame on the kick, then logo + URL in silence. </structure> <build> 1. One HTML file, 1920x1080. Everything is computed from time inside seek(t): no CSS transitions, no timers, no Math.random (seeded hash), no state between frames. 2. Button: three.js MeshPhysicalMaterial (clearcoat 1, roughness ~0.4), ACES filmic, cool + warm rim spots, room env map. Emboss the real logo by displacing a dense disc with a blurred mask of the logo, folded into the rim so corners don't show. Brushed-metal base. 3. Counters: linear on the film's global clock, so they keep running through cutaways. Tabular numerals, fixed unit label. 4. Captions: <=7 words, one idea per shot, hand-placed line breaks, one text layer on screen at a time. Grey to white over 0.2s on the word timestamps (ElevenLabs /with-timestamps). 5. Glitch = 1-2 frames, only on a real cut, always with a click. Readable things stay on screen >= 8 clean frames. 6. Render with Playwright per frame (Chromium with --use-angle=swiftshader so WebGL renders headless), finish in numpy: fresh grain per frame, halation, vignette ~0.65x at the corners, 1px chroma fringe with EDGE-CLAMPED shifts. Pipe PNGs into ffmpeg, h264, 24fps. 7. Mix: narrator 10-15dB over the music, duck -18dB while speaking, hits on the exact action frame, -14 LUFS. </build> <gotchas> If the narrator pauses, the visuals must not stop. If a counter freezes, the render is broken. If the button isn't the most memorable thing in the film, start over. </gotchas>

# Your Role You are a top-tier video director (motion designer). Please create a self-introduction video that makes a hiring manager think "I want to hire this person" after just 15 seconds. The protagonist is yourself (Claude). # What to Create - A single HTML file completed with only HTML, CSS, and JavaScript - Do not use external images or videos. Draw all shapes, text, and particles with code (only Google Fonts allowed) - Screen aspect ratio 16:9, base resolution 1920x1080, scaled down to fit window size - Length exactly 15 seconds. Display a "Replay" button at the end - Manage all movements via a single "elapsed time" variable, running at 60fps with requestAnimationFrame - When the play button is pressed, synthesized beats and sound effects via Web Audio API sync perfectly with the movement # Process (Must follow this order) 1. Decide the concept in one sentence (e.g., "One line transforms into any shape") 2. Limit colors to 3-4 and fonts to 2, writing the reason in one line 3. Show a storyboard table in 0.5-second increments (Time / Event on screen / Technique used / Intent) 4. Implement 5. Self-check against the "Pass Criteria" below, fix deficiencies before submitting # Composition Guidelines - 0-2s: Hook. Grab attention in the first 0.5s - 2-10s: Showcase skills. Switch to different techniques every 1.5-2s - 10-13s: Highest density climax - 13-15s: Name "Claude" resolves cleanly to finish # Required Techniques (Minimum 6) - Text animation (appearing letter-by-letter, deconstructing and reassembling) - Shape morphing (circle to square, line to text, etc.) - Scene transitions using masks/cropping - Depth (parallax, 3D rotation) - Particle convergence and dispersion - Number counting-up or line-drawing expressions # Pass Criteria - Zero constant-speed movement. Add easing to all motions (fast entry, soft stop, spring bounce) - Overlap movements across scenes. Next starts before previous ends, no visible cuts - Align major movements to 0.5s beats (equivalent to 120BPM) - Place a 0.3-0.5s "pause/build-up" right before showcases to create dynamics - Must look beautiful as a still image at any paused moment - Avoid clichés (all fade-ins, rainbow colors, meaningless rotations) # Finally Output the completed file and the storyboard table. Explanation should be within 3 lines.

Create a 15-second motion graphics video for barber shop recruitment. - 1920×1080 / 60fps - Build with HTML + GSAP, allowing drawing at any time via seek(t) - Capture frame by frame with Playwright, convert to mp4 with ffmpeg - Synthesize BGM and sound effects with Python, aligning with cut transitions - Use photos from assets/ Structure: ① It's okay even if you've been out of work for 20 years ② No cuts / Leave at 5 PM / Closed Sundays ③ You can continue because it specializes in gray hair dyeing ④ Become a barber again ⑤ Store name - Recruiting barbers - Consult via LINE Tone: Deep green x Gold, Mincho font, calm and adult-oriented Finish: Create a list of frames at 0.25-second intervals, review and fix yourself