Hero Stack Cards

SkillWeb & browsing

Lets your agent generate animated HTML web pages with effects like 3D visuals, slide decks, and UI polish.

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

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

Three warm orange cards deal into a staggered stack beside a product title. Function: feature deck reveal, like briefing slides fanning open.

Purpose

  • Product storytelling with tactile cards
  • Layered depth without 3D libraries
  • Warm palette contrast against cool neon heroes

Specs

  • Cards enter with rotation settle
  • Front card continues a gentle lift

Usage

Preview locally then publish with ui2v motion publish.

Notes

Keep three cards max; four starts to hide copy on lower layers.

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