Hero Grid Ripple

SkillWeb & browsing

Lets your agent generate animated HTML pages like grid ripple effects, 3D visuals, and slide-style presentations.

Then ask your AI: use the Hero Grid Ripple skill

Details

Instructions available. Your AI can read the instructions. Execution depends on the setup they require.

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 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-grid-ripple/SKILL.md and read by Ahel’s review.

A teal lattice blooms from the center while ripple rings expand. Function: signal / field / mesh pulse (textless).

Specs

  • 24×14 cells stagger from center
  • Two ripple rings expand and fade
  • Entry: index.html

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-grid-ripple
Source
github.com/unclecheng-li/ai_animation