Hero Spotlight Stage

SkillWeb & browsing

Lets your agent build an animated HTML hero section with red curtains and a spotlight for product debuts.

Then ask your AI: use the Hero Spotlight Stage 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 curated collection of AI prompts for generating cool HTML animated web pages, covering animation effects, 3D visualization, PPT-style presentations, UI beautification, and more.

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-spotlight-stage/SKILL.md and read by Ahel’s review.

Red curtains part, a spotlight drops, and the feature title takes center stage. Function: theatrical product debut, not dashboard chrome.

Purpose

  • Feature launches and keynote moments
  • Curtain wipe plus spotlight language
  • Dramatic contrast after soft ambient pieces

Specs

  • Curtains translate outward
  • Spotlight scales from the top and drifts

Usage

Publish with ui2v, then consider as a carousel opener.

Notes

Keep actor text centered; off-center titles fight the spotlight ellipse.

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