Hero Map Route

SkillWeb & browsing

Lets your agent build an animated HTML map card that draws a delivery route progressing through milestones.

Then ask your AI: use the Hero Map Route 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 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-map-route/SKILL.md and read by Ahel’s review.

A light mint map card draws a delivery route from Origin through Hub to Arrive. Function: progress along a path, useful for logistics and onboarding journeys.

Purpose

Shipping, travel, and funnel metaphors
Step completion without checklist UI
Light-theme variety among dark heroes

Specs

Route progress width animates 0 to 100 percent
Nodes pop with back.out as milestones land

Usage

Publish via ui2v after lint. Scrub midpoints to verify node timing.

Notes

Keep labels short so the diagram stays cartographic.

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

github.com/unclecheng-li/ai_animation