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/asterion, working in your browser. Opens in a new tab. Also: Smallhours.

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

What you get

  • A self-contained index.html hero and an embed.html to paste into an existing site
  • An engraved star chart with up to six constellations you name, drawn one after another
  • Twinkling seeded stars, a Milky Way, a turning coordinate grid, an ecliptic, a rim title and a meteor
  • 18 documented settings: loop length, constellations, star count, twinkle, Milky Way, grid and its turn, ecliptic, rim figures, title, colors and size
  • Left, right or centered layouts, with the chart above the copy on phones
  • A seamless loop of 8 to 20 seconds, and an SVG still of the same sky for reduced motion
  • 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

  • Research tools and data products can name constellations after their clusters or topics, drawn one by one in thin lines beside the headline.
  • Astronomy schools, evening courses and science clubs can choose a sepia chart on parchment with an oxide red accent, like a printed atlas plate.
  • Brands with a quiet, literary voice can set the constellation names in a serif display face for an engraved look, then record a seamless video loop.

Not for

  • Real sky maps: the stars and constellations are generated, not real positions
  • Interactive star charts people can pan, zoom or search
  • Full landing pages below the hero (see the Landing Pages series)

About this skill

A hero section with an engraved star chart beside the headline: a round night sky in a graduated rim with the hours around it, circles of declination, a dashed ecliptic, a soft Milky Way and a field of twinkling stars. The coordinate grid turns slowly while your own named constellations draw themselves one by one, in thin lines with their names in spaced serif capitals. Then a meteor crosses and they fade to start again. Navy and gold, or sepia on parchment. 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 a Constellation Map hero for Asterion, our research-mapping tool for ML teams: navy sky, gold constellations named after research clusters like 'The Retriever' and 'The Long Context', hours on the rim, headline 'Find the shape in ten thousand papers.', and record a 12-second loop.

Similar Skills

View all
New
web
DNA Helix HeroClaude CodeCodexCursor+3 more agents
New
web
Origami Fold HeroClaude CodeCodexCursor+3 more agents

Details

Output
Animated canvas 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

2D canvas (no libraries)Motion Heroes kitHeadless Chrome checks and frame-stepped recorderffmpeg
Good forProduct launchBrandEducation

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

Write a review

FAQ

Are the stars and constellations real?

No. The star field, the Milky Way and the shapes of the constellations come from a seed from 1 to 9999, not from real sky positions, so each seed gives a different sky. Only the names are yours, and it is not a sky map for stargazing.

How many constellations can I name, and how long can names be?

One to six, drawn in the order you give. Each name can be up to 22 characters and is set in capitals, though up to about 16 sits best, and each has 3 to 8 stars (default 5). Four or five read best; if two names overlap, shorten one or try another seed.

Which font gives the engraved atlas look?

The hours and constellation names use the display font, so a serif such as Cormorant, Libre Caslon Display or EB Garamond gives the engraved look. Those load unpinned from Google Fonts; pinned choices include Fraunces, Newsreader, Playfair Display and Instrument Serif. Without a network the page uses system fonts.

Which agents is Constellation Map 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 sky model, the chart, the constellation drawing, the still, the Motion Heroes kit and the examples. It follows the conventions of printed star atlases without copying any. 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.