Hero Toast Stack

SkillWeb & browsing

Lets your agent generate animated HTML web pages with effects like 3D visuals and slide-style presentations.

Then ask your AI: use the Hero Toast Stack 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 animation effects, 3D visualization, PPT-style presentations, UI beautification, and more.

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

Three product toasts (success → info → warning) slide in and settle. Function: system feedback / notification stack.

Purpose

Publish confirmations, sync notices, soft warnings
Staggered entrance without overlapping property fights
Neutral zinc product UI

Specs

Toasts enter 0.6s apart from the right
Soft float hold after stack completes
Entry: index.html

Usage

npx hyperframes preview
ui2v motion publish . --version 1.0.0

Notes

Keep each toast to one title + one line of body copy for readability at 1920×1080.

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

github.com/unclecheng-li/ai_animation