Hero Type Cascade
SkillWeb & browsingLets 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.
Account requirements not reviewed. Check the skill instructions before use; Ahel provides instructions and does not run this skill.
No other account needed.
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
obfuscationK5info
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
github.com/unclecheng-li/ai_animation
Related picks
Skill · anthropics
The pick for Canvascanvas-performance-optimization
Skill · 0xheycat
The pick for Canvascontent-without-css
Skill · thedaviddias
The pick for Csscss-grid-math
Skill · hashgraph-online
The pick for Cssbrowser-use
Skill · browser-use
More in Web & browsingwebapp-testing
Skill · anthropics
More in Web & browsing