Gallery › Badge unlock screen animation

Badge unlock screen animation

Badge unlock screen animation is a motion video made with Claude Opus 5.5 by @BThreeAgency, 0:11 long. Below is the exact prompt that made it, ready to copy.

0 CommentsView on X ↗

Product UI Phone Particles

Comments

Loading…

Ritu@BThreeAgency · all their videos

Claude Opus 5.5·Sep 26, 2026·12 likes on X

The prompt

Open in Claude ↗

Using the linked Figma frame build a badge unlock screen. Match the design exactly. Use the file's assets, lighting, type and layout and add only the motion. Animate the badge so it feels premium and celebratory. Build its scene and then celebrate with gold particles. Treat the badge as a solid 3D object that tilts toward the
cursor following the rules of physics. Keep it fast and smooth, it should not be bouncy.

Why this prompt works

It locks the look: colours, type and style are named up front.
It's storyboarded as scenes with explicit transitions between them.

Make it yours

Fill in what you need and copy a version written for your project. Nothing leaves your browser.

What's it for Format Length Colours and style Must include

More like this

Explainer motion graphics with Claude skills by @Ldataengineer

Explainer motion graphics with Claude skills

@Ldataengineer · Claude Code / Claude Design

Claude makes a video of its own working session by @bonsaixbt

Claude makes a video of its own working session

@bonsaixbt · Claude Opus 5.5 + Remotion

30-second studio showreel in Remotion

30-second studio showreel in Remotion

@arctic_hare_ · Claude Code

Clothes-rack product rail hover animation by @imrabin11

Clothes-rack product rail hover animation

@imrabin11 · Claude Code

AgentCut launch video

AgentCut launch video

@deifosv · Claude Code + Remotion

30-second three.js motion graphics from one prompt by @cesargomz29

30-second three.js motion graphics from one prompt

@cesargomz29 · Claude Code