12-second example rendered by this skill from examples/noctua · 1280×720
About this skill
Lookbook wrote this package by following the open-source GSAP Plugins agent skill (greensock/gsap-skills, MIT); no code from it is included and GSAP is not used. Every motion is hand-written on a 2D canvas as a pure function of time. Credits and licences for the open-source software and fonts it uses are in NOTICE.md inside the download.
Example request
Build a Pastel Orrery hero for our stargazing app with our logo, cream and raspberry colours, and plates for tonight's five best targets, then record the launch video.
Similar Skills
View all
What you get
- One self-contained page with your bar, headline, lede, buttons and the animated orrery
- The section to paste into an existing site, scoped so it can't clash with your styles
- An optional plates panel (2–6 items) that cycles with a scrambled-in detail line; click a plate to pick it
- Checks at 390, 768, 1024 and 1440 px for overflow, cut-off text, contrast and names, with every hero.json problem listed at once
- A frame-perfect 1920×1080 MP4 and poster (or portrait sizes) recorded in your own Chrome on macOS, Windows or Linux
- A still frame for reduced motion, pausing off-screen and an SVG fallback
- Two complete examples, light and dark, to copy
- Open-source licenses for every part it builds on
Good fit
- Product launch
- Brand
- Social media
Not for
- Serious, corporate or minimal brands: the look is cute and playful
- Real astronomical data: the orbits and constellations are decorative, not accurate
- A WebGL or 3D scene (see Frosted Glass Hero)
- Multi-section landing pages: this is the hero only
Compatibility
Runs in
Generates with
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.
FAQ
Which agents can run Pastel Orrery 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.