Motion graphics0:30<direction>
Build a 30-second looping motion design showreel that introduces CLAUDE, a motion designer.
Concept, in one line: one pencil line gets promoted three times (graphite on paper, wire on a blueprint, light on black) and never leaves the screen.
Every shot is made out of the previous one: shapes, type and colour transform into the next scene. No cuts, no fades.
Typeface: Geist only. Weight 900 for big words, 600 to 800 for small labels (24 to 28 px, tracked 0.14 to 0.3 em).
Palette: paper cream #EDE6D5, blueprint blue #1B3ED2, hologram cyan #45F0DD, plus black #07080A, graphite #1616…Viral Opus 5.5 videos, with their prompts.
Every video people made with Claude Opus 5.5, with the exact prompt the creator used and a live remake you can compare side by side.
- Prompts free to copy
- Original and remake side by side
Browse 418 Opus 5.5 videos
Motion graphics0:30<direction>
Build a 30-second looping motion design showreel that introduces CLAUDE, a motion designer.
Concept, in one line: one pencil line gets promoted three times (graphite on paper, wire on a blueprint, light on black) and never leaves the screen.
Every shot is made out of the previous one: shapes, type and colour transform into the next scene. No cuts, no fades.
Typeface: Geist only. Weight 900 for big words, 600 to 800 for small labels (24 to 28 px, tracked 0.14 to 0.3 em).
Palette: paper cream #EDE6D5, blueprint blue #1B3ED2, hologram cyan #45F0DD, plus black #07080A, graphite #1616…@heyiamnickCanvas
Explainers0:20Build me a camera lens in interactive 3D, in one HTML file with Three.js.
Make it look real: a big black pro zoom lens with its glass front, the rubber focus and zoom rings, the red stripe and the white numbers, and inside it the parts you never get to see. The stack of glass elements in their groups, the aperture blades that open and close, the focus motor, the image stabilizer, the zoom cams, and the gold contacts on the mount. Cut it open down the side so I can see the glass inside, with light passing through it as colored beams that bend and meet on the camera sensor behind it. The apertu…@aichrisleeThree.jsGLSLSVG
Explainers0:23an interactive 3D turbofan you can take apart in the browser, built with Three.js.
suck, squeeze, bang, blow, every stage labelled:
> the fan pulls in a huge mass of air. most of it bypasses the core and makes most of the thrust
> compressor stages squeeze the air about 40 times, heating it
> fuel burns hotter than the turbine metal's melting point
> the blades survive on cooling air and heat-resistant coatings
> two shafts, one inside the other, spinning at different speeds
then it explodes into every stage.@0xSpikezThree.jsGLSLSVG
Explainers0:16Build me a human heart in interactive 3D, in one HTML file with Three.js.
Make it look real: the deep red muscle with the red arteries and blue veins on top, and inside it the parts you never get to see. The four chambers, the four valves, the aorta and the pulmonary artery, the veins bringing blood back, and the wiring that sets the beat. The heart beats about once a second, the valves open and close in time, and the blood flows through it, blue going in and red going out. I can drag to orbit around it and scroll to zoom.
Add an Explode button. When I press it, every part slides apart with…@aichrisleeThree.jsCanvasWeb Audio
3D scenes0:16Build me a mechanical watch in interactive 3D, in one HTML file with Three.js.
Make it look real: the gold case and the glass on top, the dial and the hands, and behind it the movement you never get to see. The mainspring in its barrel, the gear train, the balance wheel swinging back and forth with its hairspring breathing, the escape wheel and the pallet fork ticking, and the red jewels the gears turn on. The balance wheel swings, the gears turn, and the second hand ticks. I can drag to orbit around it and scroll to zoom.
Add an Explode button. When I press it, every part slides apart in la…@aichrisleeThree.jsCanvasWeb Audio
3D scenes0:51Build a fully working 1857 Napoleon load field cannon in 3D using procedural Three.js WebGPU and TSL shaders. No Blender, no 3D assets, no textures. Include technical drawings as live orthographic renders showing elevation, pressure, trajectory, and firing changes in real time.@thebuggeddevThree.jsGLSLCanvas
Motion graphics1:21Show me the next 30 years. One shot, no cuts. Five stops: 2026, Earth at night under a cloud of satellites; 2032, a ring around the planet with space elevators; 2040, a base on the Moon; 2048, cities on Mars; 2056, a swarm of mirrors circling the Sun. Continuous camera flight from Earth out to Mars, then back past Earth to the Sun. Every frame rendered by code from real planet maps.@theSethianThree.jsGLSL
Games0:38Build "Jelly Dice": a single self-contained HTML file (all JS/CSS inline, no build step) with translucent gummy-candy dice that behave like real soft bodies. Render with raw WebGPU (WGSL shaders, no three.js). If WebGPU is unavailable, show a clean fallback card that@SpacyAppsThree.jsGLSLCanvas
Motion graphics0:58Claude opus 5.5 made this whole motion graphic, score included
It coded every frame (HyperFrames + GSAP), wrote the music in Python and synced the sound effects itself.
The art in the "Creating" scene is real too:
Claude graded those pieces in DaVinci Resolve earlier the same day.
Details ⤵️@DheepanratnamSVGGSAP
Motion graphics0:56Cardilife 1.3 をリリースしました。
あわせて紹介動画を作りました(56秒)。
動画は Claude Code(Opus 5.5 と Fable 5.1)と作りました。編集ソフトは使っていません。
技術構成
・Remotion 4(React 19 / TypeScript):全体。1920×1080・30fps
・three.js(React Three Fiber / @remotion/three):冒頭の 3D
・Python(標準ライブラリのみ):音楽の合成
日本語版と英語版は、同じコードから props で切り替えて書き出しています。
https://apps.apple.com/jp/app/cardilife/id6802896176
#ClaudeCode #Remotion #threejs@DengenTThree.jsSVG
Motion graphics0:30This whole video is AI-generated. Claude Opus 5.5 wrote the code, the motion and even the music, all in Remotion.
But I'll say it: Opus 5.5 feels a little nerfed. It used to one-shot these videos. This one took multiple prompts, and the first cut was weak until I pushed back.
It's for Link in bio, which we just launched on Synclify.@apoorvjain25CanvasSVGGSAP
Motion graphics0:25Opus 5.5 is INSANE !!🫣
i just made a full product launch film for @Meituan_LongCat 2.5-preview… and i didn't open after effects once. not one keyframe by hand.
just me chatting with opus 5.5 → it wrote the whole thing in remotion (react code → video). the halftone xerox look, the camera moves, the transitions… even the MUSIC. it literally synthesized the beat in python and synced every cut to it 🤯
and my favorite part: the cat's eyes 👀 they're the visual anchor of the whole film. they watch you type, blink on the beat, squint, glance at stuff… then land perfectly on the real longcat logo…@LeowenAIGLSLCanvasSVG
Motion graphics0:24Opus 5.5 on Max effort (Sound On):
"A 24-second AI In Public motion reel in Remotion at 1920×1080, 60fps. Use our blue # 3D40FE, white, navy, and ice palette with the AI In Public logo and sparkle. Keep it fast, premium, and smooth with motion blur, glow, camera hits, HUD details, seamless transitions, kinetic type, terminal UI, neural visuals, particles, and a cinematic logo finale. Generate all suspenseful music and sound effects in code and sync every hit perfectly. End with “AI IN PUBLIC, learning AI, out loud.” Every frame and sound should be written in code."
full prompt on here: http:…@humzaakhalidCanvas
Explainers0:52Opus 5.5×Gemini 3.8 Flash TTSやばい
新作SEOツール「コトサーチ」のリリース動画を、ほぼ自動で作ってくれた。
自分がやったのは「ツールへのログイン」と「承認」だけ。
個人的には、画面スクショまで自動で撮ってくれるところが一線を超えた感じ。
(もちろんナレーションも自然すぎてすごい..)
具体的な手順はこんな感じ👇
① Claudeがブラウザでツールにログイン
(ここだけ自分でやった)
② Claudeがアプリを触って、機能仕様書を作成
機能・料金・言っちゃダメな表現まで整理
③ Claudeがツールの画面スクショを撮影
PC・スマホ・パーツ切り出しで38枚
④ Claudeが絵コンテとナレーション原稿を作成
⑤ ClaudeがRemotionで動画を実装
書き出した静止画を自分で見て、文字切れや重なりまで直してくる
⑥ Gemini 3.8 Flash TTSでナレーション音声を生成
声の設定も原稿の入力もClaudeが操作
⑦ Claudeが音声を32フレーズに分解
話した瞬間に画面とテロップが出るよう自動で同期
⑧ BGMはClaudeがコードで作曲
声の下では自動で音量を下げてくれる
⑨ 52秒の動画が完成
ということでSEOツール「コトサーチ」は10月4日に正式リリースです。
キーワードを入れるだけでSEO記事ができて…@tetsu_tetsu333SVGGSAP
Motion graphics0:45Remotion
Opus 5.5@0xRapzzCanvasSVGGSAP
Motion graphics0:15I made 4 motion videos for @Shillz_Official in 3 days without opening After Effects.
no templates. no stock music. no motion designer.
just Claude writing code.
here's exactly how, step by step (bookmark this)
【作者补充制作说明】
the stack:
Claude (Opus 5.5) writes all of it
Remotion turns React code into video
three.js renders real 3D, so the glass actually refracts light
Python writes the music
I never touched a timeline. I just gave notes.@colecornelllThree.jsCanvas
Popular video Skills
Unlock every Premium Skill
One plan covers every Premium Skill on Skillry: video, slides, web and images.
Cancel anytime
Monthly
$9.99 / month
Full Premium access, billed monthly.
- Access all Premium Skills
- Install from the web or CLI
- Secure browser-authorized CLI access
- Ongoing Skill updates
- New Premium Skills included
- Cancel whenever you need
Save 34% a year
Most popularYearly
$79 / year
Full Premium access for a lower annual price.
- Access all Premium Skills
- Install from the web or CLI
- Secure browser-authorized CLI access
- Ongoing Skill updates
- New Premium Skills included
- Cancel whenever you need
Pay once · Founding price
Founding offerFounding Lifetime
$169 one-time
Founding price — increases as the library grows.
- Access all Premium Skills
- Install from the web or CLI
- Secure browser-authorized CLI access
- Ongoing Skill updates
- New Premium Skills included
- No subscription or renewal bill
- Contribute Skills, make moneyComing soon
Cancel anytime. Payments are non-refundable.
Questions about the videos
Are the prompts really free?
Yes. Every prompt the creator shared is free to read and copy, no account needed.
Who made these videos?
Creators on X made the originals with Claude Opus 5.5. Every video credits its author and links to the original post.
How are the remakes made?
Skillry recreated each video with Claude Opus 5.5 from the prompt the creator shared, so you can compare the two side by side.
Can I cancel a subscription anytime?
You can cancel a Monthly or Yearly subscription whenever you need. Your Premium access continues until the end of the current billing period.
Find a Skill for your next project.
Free Skills to start. Premium when you need more.



























