Hero Split Wipe

SkillWeb & browsing

Lets your agent build an animated split-screen hero web page with a hard wipe transition between two panels.

Then ask your AI: use the Hero Split Wipe 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-split-wipe/SKILL.md and read by Ahel’s review.

A magazine-style split screen: charcoal left, cream right, joined by a crimson wipe bar. Functionally this is a contrast reveal for editorial storytelling, not a glow loop.

Purpose

Editorial and campaign heroes
Hard graphic wipes instead of soft fades
Demonstrating opposing panel choreography

Specs

1920x1080, 4.5s, Georgia display type
Left/right panels slide in after a vertical wipe

Usage

Install with ui2v, preview in HyperFrames, then pin if needed.

Notes

Keep the wipe thin. A thick divider reads as a third panel and weakens the binary contrast.

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

github.com/unclecheng-li/ai_animation