12-second example rendered by this skill from examples/aurel · 1280×720
About this skill
A dark, neon HUD hero section. A gyroscope instrument with segmented neon rings, a wireframe core, data particles and a floor grid turns beside your headline. The frame is graded like a monitor feed: selective bloom, an RGB split, scanlines and a rolling interference band. A wipe sweeps between the raw feed and the graded one, a reticle locks onto the core and a panel reads the live values. Your agent puts in your two neon colours, fonts, logo, headline and buttons, checks contrast at four widths and records a smooth 1080p video of it.
What Lookbook adds on top of mrdoob/three.js: Lookbook built this package by following the open-source Three.js Postprocessing agent skill (CloudAI-X/threejs-skills, MIT). The scene, the bloom chain, the HUD grade, the still picture, the Motion Heroes kit and the examples are original. No code from that repository 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 Neon Bloom hero for Pulsewright's Orbit oscillator: lime and orange on near-black, headline 'Four voices, one orbit.', copy on the right, and record the launch video.
Similar Skills
View allWhat you get
- A self-contained index.html hero and an embed.html to paste into an existing site
- Your two neon colours, fonts, logo, headline, buttons and labels on the instrument and readouts
- 18 documented effect settings: bloom, RGB split, scanlines, glitch, wipe, rings, particles, grid, reticle, caps headline, readout panel
- Left, right or centred layouts, with the instrument above the copy on phones
- An SVG still picture for no WebGL, a blocked CDN or reduced motion, so the hero is never blank
- 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
- Product launch
- Brand
Not for
- Light or pastel brands: the build only accepts a near-black background
- Full landing pages below the hero (see the Landing Pages series)
- Showing a real product photo or 3D model: the instrument is abstract
- Sites that can't load scripts from jsDelivr (visitors get the still picture)
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 Neon Bloom 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?
Tell us within 7 days of buying and we’ll fix it or refund you.







