Hero Neon Pulse

SkillWeb & browsing

Lets your agent generate animated HTML web pages with effects like 3D visuals, presentations, and UI polish.

Then ask your AI: use the Hero Neon Pulse skill

Details

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

Add it as a step in a pipeline you build on Ahel, or connect Ahel to Claude, ChatGPT, Cursor, Claude Code or Codex and ask your AI to use it.

About this skill

A collection of AI prompts for generating cool HTML animated web pages, covering categories such as animation effects, 3D visualization, PPT-style presentations, and UI beautification.

What this skill tells your AI

The instructions your AI receives, as published by unclecheng-li/ai_animation in skills/ui2v-motions/01_动效库/itelmn/hero-neon-pulse/SKILL.md and read by Ahel’s review.

A 4.5 second HyperFrames hero built around expanding neon rings and a luminous core. Designed for UI2V homepage carousels that need a live, signal-like energy without narration.

Purpose

  • Status and realtime product heroes
  • Silent loops that read clearly at thumbnail scale
  • Demonstrating seek-safe GSAP scale pulses

Specs

  • 1920x1080 @ 30fps, duration 4.5s
  • Entry file: index.html
  • Timeline: window.__timelines.main

Usage

  1. Install: npx ui2v@latest install hero-neon-pulse
  2. Preview with HyperFrames Studio
  3. Pin as a homepage hero slide when public

Notes

Keep the core bright and the outer rings translucent so the title on the left rail stays readable against the dark field.

Signals

GitHub stars
1k
Forks
111
Last commit
Oct 2026

Ahel review

  • K5info
    obfuscation
  • K5info
    obfuscation (in registry-item.json)

Automated review, not a security audit. Ruleset v1+k2.

Advanced
Item type
skill
Key
hero-neon-pulse
Source
github.com/unclecheng-li/ai_animation