Skip to content
$99 onceUpgrade now
Lookbook

16-second example rendered by this skill from examples/halden-field · 1280×720

About this skill

A Swiss-style animated hero: a field of columns seen in axonometric view shapes itself into one landform after another (ripple, dunes, a crater rim, a monolith, a ridge, terraces), with lit, contour-banded tops, a survey row in your accent colour walking across it, and a ruled readout of the form and its peak height. Your agent sets it in your colours, fonts, logo, headline and buttons, checks it at four widths, and records a frame-perfect video for launch posts.

What Lookbook adds on top of mrdoob/three.js: Lookbook wrote this package: the Motion Heroes kit, the column-field scene and shaders, the landforms, the SVG still and the examples. The effect follows the open-source Three.js Geometry agent skill (CloudAI-X/threejs-skills, MIT); no code from it is included. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.

Example request

Build a Pillar Terrain hero for Halden Field, our landscape studio: off-white, black type, one red accent, headline "Ground that answers back.", and record a 16-second video for LinkedIn.

Similar Skills

View all
New
web
10
Neon Bloom HeroClaude CodeCodexCursor+3
New
web
Ink Flow HeroClaude CodeCodexCursor+3
New
web
Frosted Glass HeroClaude CodeCodexCursor+3
New
web
Riso Stamp HeroClaude CodeCodexCursor+3
New
web
Scroll Route HeroClaude CodeCodexCursor+3
New
web
Bauhaus Timeline HeroClaude CodeCodexCursor+3
New
web
Pastel Orrery HeroClaude CodeCodexCursor+3
New
web
Sunrise Pitch HeroClaude CodeCodexCursor+3

What you get

  • A self-contained hero page and a paste-in embed in your brand, light or dark, copy left, right or centred
  • Six landforms to name and sequence, with relief, density, contour bands and turn you can tune
  • A live readout of peak height and the current form, with your own label and unit
  • A still SVG picture of the real field when WebGL or the network fails, and one still frame for reduced motion
  • Contrast and layout checks at 390, 768, 1024 and 1440 px
  • A smooth 1080p MP4 and poster recorded frame by frame on any machine
  • Open-source licenses for every part it builds on

Good fit

  • Product launch
  • Brand

Not for

  • Full multi-section landing pages (pair it with a Landing Pages skill)
  • Showing your real terrain or data: the landforms are built-in shapes, not imported heightmaps
  • Sites that can't load scripts from jsDelivr (visitors get the still picture)

Compatibility

Generates with

three.js r180 (pinned, SRI)Instanced WebGL columns + custom shadersHeadless Chrome frame-stepped recorderffmpeg

Last tested Oct 25, 2026 in Claude Code, Codex, Cursor. 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 Pillar Terrain 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?

Tell us within 7 days of buying and we’ll fix it or refund you.