Skip to content
$99 onceUpgrade now
Lookbook

12-second example rendered by this skill from examples/signal-hours · 1280×720

About this skill

What Lookbook adds on top of mrdoob/three.js: Lookbook wrote this package from scratch on the Motion Heroes kit: a three.js r180 point cloud with hand-written shaders, sampled from the buyer's image in the browser, and a story driven by native sticky pinning. No third-party effect code is included. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.

Example request

Make a Particle Portrait hero for Signal Hours, my weekly interview show: use my cut-out portrait, navy background with blue shadows and warm amber lights, the headline 'Long talks, slowly made.' and a 'Play episode 112' button, with three story labels in the corner. Record a video for the launch post.

Similar Skills

View all
New
web
Product Turntable HeroClaude CodeCodexCursor+3
New
web
Scroll Route HeroClaude CodeCodexCursor+3
New
web
Curved Reel HeroClaude CodeCodexCursor+3
New
web
Garment Rail HeroClaude CodeCodexCursor+3
New
web
ASCII Signal HeroClaude CodeCodexCursor+3
New
web
Cutout Float HeroClaude CodeCodexCursor+3
New
web
10
Neon Bloom HeroClaude CodeCodexCursor+3
New
web
Particle Tree HeroClaude CodeCodexCursor+3

What you get

  • A self-contained hero page and a paste-in embed in your colours, fonts, logo and copy
  • Your photo or logo as a 3D point cloud with depth taken from brightness, in a duotone or its own colours
  • A pinned scroll story: it turns to show its relief, peels into a slow orbit of dots and reassembles, with pointer ripples
  • A frame-perfect 1080p MP4 and a poster of the same scripted scroll, the same on any machine
  • A dot-screened still of your picture for reduced motion and when WebGL or the network fails, plus checks at four widths for overflow, contrast and accessibility
  • Open-source licenses for every part it builds on

Good fit

  • Product launch
  • Brand
  • Social media

Not for

  • True 3D scans or depth maps: the relief is an illusion taken from brightness
  • Cutting a person out of a photo (bring a cut-out, or drop a plain backdrop with the ignore setting)
  • Heroes inside a scrolling panel or an iframe (use drive "time" there)
  • Using photos of people or logos you don't have the rights to

Compatibility

Generates with

three.js r180 (pinned, SRI)WebGL point shadersCSS position: stickyHeadless Chrome recorderffmpeg

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.

Reviews come from people who installed this skill. Sign in

FAQ

Which agents can run Particle Portrait 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.