Hero Signal Wave

SkillWeb & browsing

Lets your agent build an animated web hero page with a rising equalizer-bar wave under a bold title.

Then ask your AI: use the Hero Signal Wave 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-signal-wave/SKILL.md and read by Ahel’s review.

An equalizer field of twenty-four bars rises and settles under a bold title. Use it when the product story needs audible energy without actual audio.

Purpose

  • Creator tools and media product heroes
  • Registry samples of staggered scaleY motion
  • Homepage variety beyond orbital motifs

Specs

  • 1920x1080, 4.5s, GSAP paused timeline
  • Entry index.html with wave track and copy track

Usage

npx ui2v@latest install hero-signal-wave then preview. Bars are deterministic heights, never Math.random.

Notes

Bar colors stay cool cyan-blue so they do not compete with pink accents used in other hero packs.

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-signal-wave
Source
github.com/unclecheng-li/ai_animation