Hero Type Cascade

SkillWeb & browsing

Lets your agent generate animated HTML hero pages with cascading stacked headlines.

Then ask your AI: use the Hero Type Cascade 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-type-cascade/SKILL.md and read by Ahel’s review.

Three stacked headlines cascade into place with a cyan accent rule. This piece is a pure kinetic-type hero for UI2V marketing surfaces.

Purpose

  • Launch messaging and manifesto heroes
  • Typography-first demos with no external assets
  • Teaching staggered text reveals in HyperFrames

Specs

  • Canvas 1920x1080, 4.5 seconds, 30fps
  • Entry: index.html
  • Motions: line stagger, accent draw, subtle parallax drift

Usage

Install via ui2v, scrub in preview, then publish or mount in a carousel.

Notes

The middle line carries the primary message; keep secondary lines quieter so hierarchy stays obvious on first glance.

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