Skip to content
$99 onceUpgrade now
Lookbook

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

About this skill

What Lookbook adds on top of mrdoob/three.js: Lookbook wrote this package: the mascot built from primitives, the code-painted clay matcap, the backdrop shader, the motion, the cut-out script and the Motion Heroes kit are original. It loads three.js r180 (MIT) from a pinned CDN with SRI. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.

Example request

Build a Clay Mascot hero for our app with our logo, colours and headline: make the mascot a little robot with antennae in our brand colours, record a 1080p video for the launch post, and save a transparent PNG of the mascot for our socials.

Similar Skills

View all
New
web
Pastel Orrery HeroClaude CodeCodexCursor+3
New
web
Cutout Float HeroClaude CodeCodexCursor+3
New
web
Frosted Glass 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
Curved Reel HeroClaude CodeCodexCursor+3
New
web
Scroll Route HeroClaude CodeCodexCursor+3

What you get

  • A self-contained hero page and a paste-in embed in your colours, fonts, logo and copy
  • A configurable primitive-built mascot: 4 body shapes, 4 eye styles, 4 mouths, 5 ear types, 6 accessories, your colours
  • Idle breathing, seeded blinks, waves, hops and head-and-eye tracking of the cursor, all drawn as a function of time
  • A frame-perfect MP4 and poster at any size (1080p, portrait, square) for social posts
  • A transparent PNG cut-out of the mascot (optionally waving, with a shadow or with its floating bits)
  • A still SVG drawing of the same mascot for reduced motion, no WebGL or a blocked CDN, so the hero is never blank
  • Checks at four widths for contrast, overflow and accessibility, plus checks that the mascot and its eyes read against their colours
  • Open-source licenses for every part it builds on

Good fit

  • Product launch
  • Brand
  • Social media

Not for

  • Sculpted, rigged or illustrated characters, or AI-character quality: this is a simple primitive-built toy
  • Reproducing an existing brand mascot exactly (you get a toy-like cousin in its colours)
  • Characters with hands, outfits, expressions or walk cycles
  • Full landing pages below the hero (see the Landing Pages series)
  • Sites that can't load scripts from a CDN and need the live 3D offline

Compatibility

Generates with

three.js r180 (pinned CDN, SRI) with RoundedBoxGeometryClay matcap painted in codeCustom GLSL backdrop shaderHeadless Chrome recorder + ffmpegHeadless Chrome checks and cut-out

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 Clay Mascot 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.