Hero Table Sort

SkillWeb & browsing

Lets your agent generate an animated HTML data table where clicking sort flips the arrow and reorders rows.

Then ask your AI: use the Hero Table Sort 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 multiple 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-table-sort/SKILL.md and read by Ahel’s review.

A registry table flips the downloads arrow and reorders the top row to the highest count. Function: data table / sort affordance.

Purpose

Admin lists, analytics tables, catalog browsers
Arrow flip + coordinated row translates
Cool sky-slate chrome

Specs

Row #r3 (2,410) moves to the top; #r1/#r2 shift down one slot
Soft highlight on the winning row after settle
Entry: index.html

Usage

npx hyperframes preview
ui2v motion publish . --version 1.0.0

Notes

Row travel distances assume 92px row height — keep that constant if you restyle.

Signals

GitHub stars: 1k
Forks: 111
Last commit: Oct 2026

Ahel review

K5info
obfuscation (in hyperframes.json)
K5info
obfuscation (in meta.json)
K5info
obfuscation (in package.json)

Automated review, not a security audit. Ruleset v1+k2.

Advanced

Item type: skill
Key: hero-table-sort
Source: github.com/unclecheng-li/ai_animation

github.com/unclecheng-li/ai_animation