Hero Lockup Sting

SkillWeb & browsing

Lets your agent generate an animated HTML brand intro with a scaling wordmark and gradient rule.

Then ask your AI: use the Hero Lockup Sting 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

This project compiles 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-lockup-sting/SKILL.md and read by Ahel’s review.

A centered UI2V wordmark scales into place, a gradient rule draws underneath, and a HyperFrames Registry tagline fades up. Short brand sting for opens and outros.

Purpose

  • Brand intros on homepage and launch pages
  • Minimal lockup demos with no external logo file
  • Teaching letter-spacing animation safely

Specs

  • Centered composition, 4.5s, 1920x1080
  • Mark, rule, and tag on three tracks

Usage

Install and preview. Suitable as the first slide in a hero carousel.

Notes

Keep the mark huge; shrinking it loses the sting impact at full bleed.

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