Hero Dial Gauge

SkillWeb & browsing

Lets your agent build an animated HTML gauge page with a sweeping needle and a counting percentage readout.

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

This project curates AI prompts for generating [cool animated HTML 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-dial-gauge/SKILL.md and read by Ahel’s review.

An instrument cluster needle sweeps while a large percent counts up. Function: capacity or health readout rather than a marketing slogan.

Purpose

Ops, performance, and reliability heroes
Analog gauge language in a digital product
Pairing rotational motion with numeric onUpdate

Specs

Needle rotates from -120 to about 48 degrees
Counter lands near 86 percent

Usage

ui2v install hero-dial-gauge, scrub the sweep, then publish.

Notes

Do not animate font metrics; only the numeric textContent updates.

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-dial-gauge
Source: github.com/unclecheng-li/ai_animation

github.com/unclecheng-li/ai_animation