12-second example rendered by this skill from examples/marlo · 1280×720
About this skill
What Lookbook adds on top of mrdoob/three.js: Lookbook wrote this package: the float, tilt and relief, the light and shadow, the depth backdrop and the Motion Heroes kit. It loads three.js r180 (MIT) from a pinned CDN with SRI. The example cut-outs are rendered by Studio Product Shot and Clay Mascot Hero. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.
Example request
Make a launch hero for our new can: float our transparent product render over a disc with our name huge behind it, a glowing pad and a soft shadow, tilting toward the cursor, plus a video for socials.
Similar Skills
View all
What you get
- A self-contained hero page and a paste-in embed
- Your cut-out floating with a pointer tilt, relief from its silhouette, a rim light, a sheen and a live contact shadow
- A depth-parallax backdrop: a huge word, a disc or arch, a floor grid, a pad or podium and floating beads
- Up to three floating spec labels
- Contrast and layout checks at 390, 768, 1024 and 1440 px
- An SVG still for no WebGL, CDN failure and reduced motion
- A frame-perfect 1080p MP4 and poster, plus portrait sizes
- Build checks that refuse a JPEG or a picture still on its background, and trim PNG margins
- Open-source licenses for every part it builds on
Good fit
- Product launch
- Brand
- Social media
Not for
- Removing backgrounds or generating the render: bring a clean cut-out
- Showing the object's back or sides (it is 2.5D: one picture with an estimated relief)
- Real 3D models (GLB): use Product Turntable Hero instead
- Video or animated cut-outs
Compatibility
Works with
Generates with
Works in any agent that reads SKILL.md folders. Added Oct 25, 2026. Commercial use of everything you make is included.
Reviews
No reviews yet. People who install this skill can leave the first one.
FAQ
Which agents can run Cutout Float Hero?
Any agent that reads SKILL.md folders, including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI and OpenCode.
Do I own what I make with it?
Yes. Everything your agent makes with this skill is yours, including for client and commercial work.
What if it doesn’t work for me?
Email support@lookbk.dev within 7 days of buying and we’ll fix it or refund you.