Skip to content
$99 onceUpgrade now
Lookbook

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

About this skill

Lookbook wrote this package from scratch: the dial composition, the seekable timeline and its panel, the Motion Heroes kit and the checks. It follows the open-source GSAP Timeline agent skill's ideas (greensock/gsap-skills, MIT: labels, relative positions, staggers), but GSAP is not used or included. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.

Example request

Build a Bauhaus Timeline hero for our focus-timer app Pulsar: navy background, coral accent, three scenes (focus 25, break 05, deep work 50), and record a video for the launch post.

Similar Skills

View all
New
web
Scroll Route HeroClaude CodeCodexCursor+3
New
web
Ink Flow HeroClaude CodeCodexCursor+3
New
web
Garment Rail HeroClaude CodeCodexCursor+3
New
web
ASCII Signal HeroClaude CodeCodexCursor+3
New
web
Cloud Sky HeroClaude CodeCodexCursor+3
New
web
Cutout Float HeroClaude CodeCodexCursor+3
New
web
Pastel Orrery HeroClaude CodeCodexCursor+3
New
web
Riso Stamp HeroClaude CodeCodexCursor+3

What you get

  • A self-contained HTML page and a paste-in embed of the hero, light or dark, copy on the left, right or centred
  • One to four scenes, each with its own colour, numeral and hand time, looping
  • A live timeline panel under the dial on laptops and desktops
  • Checks at four widths for cut-off text, overflow, contrast and accessibility
  • A frame-perfect MP4 (any size, including portrait) and a poster image, the same on any machine
  • Still frame for reduced motion; pauses off-screen and in hidden tabs
  • Open-source licenses for every part it builds on

Good fit

  • Product launch
  • Brand
  • Social media

Not for

  • A full landing page below the hero (pair it with a Landing Pages skill)
  • Showing real product screenshots or photos in the hero
  • Pixel-matching an existing design file
  • Exact Futura/Jost typography: the pinned fonts are Outfit, Sora and similar geometric faces

Compatibility

Generates with

2D canvas + a small seekable timeline (no libraries)Motion Heroes kit (build, checks, recorder)Headless Chrome checks and frame-by-frame recordingffmpeg

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 Bauhaus Timeline 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.