12-second example rendered by this skill from examples/meridian · 1280×720
About this skill
What Lookbook adds on top of mrdoob/three.js: Lookbook wrote this package. The effect follows the open-source Three.js Shaders agent skill (CloudAI-X/threejs-skills, MIT); the scene, shaders and the Motion Heroes kit are original. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.
Example request
Build a Frosted Glass hero for our site with our logo, colours and headline, and record a 1080p video of it for the launch post.
Similar Skills
View all
What you get
- A self-contained hero page and a paste-in embed in your colours, fonts, logo and copy
- Frosted glass with refraction, thin-film sheen and a rim that always stands off your background, plus rings, motes and up to 4 named finishes
- A frame-perfect MP4 and poster at any size (1080p, portrait, square) for social posts
- A still picture for reduced motion, no WebGL or a blocked CDN, so the hero is never blank
- Checks at four widths for contrast, overflow and accessibility, and contrast checked against the effect itself
- Open-source licenses for every part it builds on
Good fit
- Product launch
- Brand
Not for
- Full landing pages below the hero (see the Landing Pages series)
- Photoreal 3D product renders of a real object
- Sites that can't load scripts from a CDN and need the live effect offline
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 Frosted Glass 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.