Hero Radar Sweep

SkillWeb & browsing

Lets your agent generate an animated HTML radar-sweep page with a rotating sweep arm and fixed contact blips.

Then ask your AI: use the Hero Radar Sweep 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 animated HTML web pages, covering categories such as animation effects, 3D visualization, PPT-style presentations, and UI polish.

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

A CRT-green radar scope rotates its sweep arm while fixed contact blips light up. Function: detection / monitoring — observability energy, not marketing gradients.

Purpose

  • Security, ops, and infrastructure heroes
  • Circular sweep choreography
  • Retro terminal palette (green on near-black)

Specs

  • Sweep rotates ~360° across the clip
  • Three blips appear at authored bearings (no randomness)
  • Entry: index.html

Usage

npx hyperframes preview
ui2v motion publish . --version 1.0.0

Notes

Blip positions are constants. If you add more contacts, keep them sparse so the scope silhouette stays readable.

Signals

GitHub stars
1k
Forks
111
Last commit
Oct 2026
Advanced
Item type
skill
Key
hero-radar-sweep
Source
github.com/unclecheng-li/ai_animation