Skip to content
Founding Lifetime: every Pro skillfirst 100 members · $199 onceUpgrade
Lookbk
Sign In
Open live demo

The page this skill built from examples/kaamos, working in your browser. Opens in a new tab. Also: Hush.

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

What you get

  • A self-contained index.html hero and an embed.html to paste into an existing site
  • One to four aurora curtains in your two colors over seeded peaks, a frozen lake and a pine treeline
  • 18 documented settings: loop length, curtains, fold, rays, fringe, height, horizon, peaks, trees, stars, snowfall, glow and a corner caption
  • Left, right or centered layouts, with the sky and range above the copy on phones
  • A seamless loop of 8 to 20 seconds, and an illustrated SVG still for reduced motion or no WebGL
  • 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

  • Hotels, glass cabins and travel brands in the far north can open their site with aurora curtains swinging over a snowy range and a frozen lake.
  • Sleep and meditation apps can use a calm night sky, with centered copy and up to 4 tall curtains, as a quiet backdrop for their words.
  • Teams launching on social can record a seamless video loop of 8 to 20 seconds, stepped frame by frame, that comes out the same on any machine.

Not for

  • Light or daytime brands: the build only accepts a dark night background
  • Full landing pages below the hero (see the Landing Pages series)
  • Showing a real place or photo: the landscape is generated, not a map

About this skill

A night-sky hero section with the northern lights. Aurora curtains hang over a snowy mountain range: their hems fold and swing, glow brightest where they turn edge-on and shimmer with fine rays, green at the hem fading to violet. Stars twinkle, the aurora lights the snow on the peaks, a frozen lake mirrors the sky and a pine treeline stands in front while a few flakes fall. The sky loops seamlessly. Your agent puts in your colors, fonts, logo, headline and buttons, checks contrast at four widths and records a smooth 1080p video of it.

Example request

Build an Aurora Curtain hero for Kaamos Cabins, our glass cabins in Lapland: navy night, mint-green aurora fading to violet, headline 'We wake you when the sky moves.', our coordinates and Kp index in the corner, and record a 12-second loop for Instagram.

Similar Skills

View all
web
CRT Terminal HeroClaude CodeCodexCursor+3 more agents
web
Halftone Sunburst HeroClaude CodeCodexCursor+3 more agents

Details

Output
Animated WebGL hero · page + embed + 1080p video
Needs
Node.js 18+, Chrome (or Chromium/Edge), and ffmpeg for the video
Series
Motion Heroes · 50 skills
Updated
Oct 26, 2026
Checked
Oct 26, 2026: its own commands ran and passed. That is a working check, not a security audit.

Generates with

Raw WebGL1 shaders (no libraries)Motion Heroes kitHeadless Chrome checks and frame-stepped recorderffmpeg
Good forProduct launchBrandWeb design

Installed it? Tell others how it went. Reviews come from people who installed this skill.

Write a review

FAQ

Is it a real aurora forecast or a real landscape?

No. The curtains, peaks, lake and pines are generated from a seed, not taken from a map, photo or forecast. A corner caption of up to 64 characters can show your coordinates or Kp index, but it is text you supply, not live data.

Can I use a light background or daytime colors?

No. The build only accepts a dark night background, and the text color must reach 7:1 on it. The hem color must reach 5:1 and the top color 2.5:1, or the build stops and suggests a color that works. A deep navy or plum looks most like a real night.

What do visitors see on a phone, with reduced motion or without WebGL?

On phones the sky and the range come first, then the words, and the navigation pill is hidden. With reduced motion visitors get one frame of the live sky at 7 seconds. Without WebGL they see an illustrated SVG still with the same peaks and pines.

Which agents is Aurora Curtain Hero written for?

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.

Credits and licensesWritten by Lookbk

Lookbk wrote this package from scratch: the aurora, mountain, lake and treeline shaders, the illustrated still, the Motion Heroes kit and the examples. A few hash lines are adapted from Dave Hoskins' "Hash without Sine" (MIT). Written by Lookbk, no third-party code.

Credits and licenses for the open-source software and fonts it uses are in NOTICE.md inside the download.