Skip to content
$99 onceUpgrade now
Lookbook

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

About this skill

Lookbook wrote this package from scratch: the hero design, the sky and cloud shader, the two-canvas layering and its contrast rules, the palettes, the still picture, the examples and the Motion Heroes kit. The shader uses standard techniques (value noise, fbm, domain warping, Beer-Lambert opacity, a short light march) written here; no third-party code 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 Cloud Sky hero for our sunrise balloon flights: a dawn sky, the headline 'Rise with the morning.' big in Fraunces with clouds drifting past it, centred copy, then record the launch video.

Similar Skills

View all
New
web
Bauhaus Timeline HeroClaude CodeCodexCursor+3
New
web
Scroll Route HeroClaude CodeCodexCursor+3
New
web
Pastel Orrery 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

What you get

  • One self-contained HTML page, light or dark, copy left, right or centred, plus a paste-in embed
  • A shader sky with three drifting cloud layers, the nearest passing in front of a display-size headline
  • Dawn, noon and dusk palettes, each colour overridable with the brand's own
  • A contrast check of the text against every sky, cloud and veiled-cloud colour behind it
  • An SVG still picture for reduced motion and when WebGL is off
  • Checks at four widths for overflow, cut-off text, contrast and accessible names
  • A 1080p MP4 and poster recorded frame by frame, landscape or portrait
  • Open-source licenses for every part it builds on

Good fit

  • Product launch
  • Brand
  • Social media

Not for

  • Real weather or a real time of day (the palettes are designed skies)
  • A 3D flight through volumetric clouds (the clouds are a 2D shader drawn to look volumetric)
  • Photo or video backgrounds of real skies
  • Long headlines: it is designed for two short lines set very large

Compatibility

Generates with

Raw WebGL fragment shader (no libraries)Semantic HTML + CSSHeadless Chrome checks and frame-by-frame 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 Cloud Sky 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.