Skip to content
$99 onceUpgrade now
Lookbook

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

About this skill

What Lookbook adds on top of mrdoob/three.js: Lookbook wrote the branching generator, shaders, still picture, examples and Motion Heroes kit for this package. It loads three.js r180 and its UnrealBloomPass add-on (MIT) from jsDelivr with integrity hashes. The brands in the examples are made up. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.

Example request

Build a Particle Tree hero for Lumengrove, a research-notes app: a mint tree with gold pulses on deep green, headline 'Every note grows the whole map.', copy on the left, readout labelled Notes / Grown / Links lit, and record the launch video.

Similar Skills

View all
New
web
10
Neon Bloom HeroClaude CodeCodexCursor+3
New
web
Pillar Terrain HeroClaude CodeCodexCursor+3
New
web
Particle Portrait HeroClaude CodeCodexCursor+3
New
web
Product Turntable HeroClaude CodeCodexCursor+3
New
web
Garment Rail HeroClaude CodeCodexCursor+3
New
web
ASCII Signal HeroClaude CodeCodexCursor+3
New
web
Curved Reel HeroClaude CodeCodexCursor+3
New
web
Cutout Float HeroClaude CodeCodexCursor+3

What you get

  • A self-contained index.html hero and an embed.html to paste into an existing site
  • Your trunk, tip and pulse colours, fonts, logo, headline, buttons and readout labels
  • 23 documented effect settings: tree or neuron, seed, branches, depth, spread, curl, lean, growth time, glow, density, pulses, pulse speed and direction, sway, turn, motes, size, readout panel
  • Left, right or centred layouts, with the structure above the copy on phones
  • An SVG still of the same grown structure for no WebGL, a blocked CDN or reduced motion, so the hero is never blank
  • Contrast and layout checks at 390, 768, 1024 and 1440 px
  • A frame-perfect MP4 (1080p by default, portrait sizes too) and a poster, the same on any machine
  • Open-source licenses for every part it builds on

Good fit

  • Product launch
  • Brand

Not for

  • Light or pastel brands: the glow needs a near-black background and the build refuses a light one
  • Visualising your real data: the branches are generated from a seed and the readout follows the animation
  • Full landing pages below the hero (see the Landing Pages series)
  • Sites that can't load scripts from jsDelivr (visitors get the still picture)

Compatibility

Generates with

three.js r180 with UnrealBloomPass (pinned, SRI)Seeded procedural branching generatorHand-written particle, filament and pulse shadersMotion Heroes kitHeadless Chrome checks and frame-stepped 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 Tree 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.