Hero Pixel Rain

SkillWeb & browsing

Lets your agent add a matrix-style falling pixel animation to a web page hero section.

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

A collection of 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-pixel-rain/SKILL.md and read by Ahel’s review.

Columns of square pixels fall on the right half of the frame while the title holds the left. It is a matrix-inspired atmosphere piece without noisy particles.

Purpose

Developer and AI product heroes
Teaching multi-track column animation
Registry content with strong silhouette

Specs

Ten columns, deterministic fall distances
1920x1080, 4.5 seconds

Usage

npx ui2v@latest install hero-pixel-rain then preview.

Notes

Columns stay on the right so type never collides with the rain field.

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

github.com/unclecheng-li/ai_animation