GoodCase.aiAI News · Radar↗AI Map↗Course · LearnPrompt↗
ProjectsGoodCase.aiAI News Radar ↗AI Map ↗LearnPrompt ↗
GoodCase.aiGoodCase.aiAI Prompt Case Collection
GoodCase.ai
RankingsCasesSkillsFavoritesSubmitDailyJoin us
中文EN
Agent Access →

Projects

AI News · Radar ↗AI Map ↗Course · LearnPrompt ↗
GoodCase.aiGoodCase.aiAI Prompt Case Collection
RankingsCasesSkillsFavoritesSubmitDailyJoin us
中文EN
Agent Access →

Loading…

GoodCase.ai · AI Prompt Case Collection
DSH PluginsChangelogFeedback
ModelsCreatorsSeedance 2.5Seedance 2.0GPT Image 2GeminiNano Banana ProClaudeClaude Opus 5.5Grok ImagineVeoKlingQwen ImageGPT Image 1.5MiniMax H3

30-Second Business Explainer Animation in One HTML Page

Creator · alex_prompter

AI VideoX2026-09-25Added 10/03/2026Source verified#code-generated-video
More tags (1)
Claude Opus 5.5
View original source ↗
Source ♥ 280

Prompt

Adopt the role of an expert motion designer. Build a 30-second animated explainer for my business as a single HTML page. 5 scenes. The customer's problem, what I do, how it works in 3 steps, one proof point, and my name at the end. Bold text, smooth transitions, my brand colours. My business {argument name="business_description" default="[DESCRIBE WHAT YOU SELL, WHO IT'S FOR AND YOUR COLOURS]"}
≡Provenance · verifiedPublished prompts are human-checked against the original post; platform-reconstructed prompts are not accepted.Compare with source ↗

Models & stability

Recommended models

Claude Opus 5.5
Stability
Cost
Medium
Related SkillsCode-rendered explainer video ↗

Keep exploring

Explore related cases.

View all AI Video Case →
Portland Transit Service Map Animation
AI VideoXAdded 09/29/2026

Portland Transit Service Map Animation

Uses GTFS data and Three.js/Forge3d to build a 3D map animation of Portland transit routes, showing vehicles moving between neighborhoods on an ordinary Tuesday, in a light theme.

Skill · Code-rendered explainer video

Prompt

Create a video of Portland, OR's bus service on a random Tuesday! Showcase Portland's different neighborhoods at a high level and then zoom in on specific routes in each quadrant (

Source heat · X
100
Stability
63
View case →
Room to Quarks Zoom Animation
AI VideoXAdded 10/03/2026

Room to Quarks Zoom Animation

An updated zoom animation built by Opus 5.5 with HTML and Three.js, showing the transition from a room to a MacBook, an Apple M4 chip, an atom and then a quark.

Skill · Code-rendered explainer video

Prompt

Create an animated sequence that starts in a room, zooms into a MacBook, then into an Apple M4 chip, followed by atoms, and finally quarks. Use HTML and Three.js for rendering.

Source heat · X
91
Stability
View case →
What Is Transformer Explainer
AI VideoXAdded 09/27/2026

What Is Transformer Explainer

A prompt for creating a JS-based video that explains the technical details of the Transformer architecture in a way a high school student can follow.

Skill · Code-rendered explainer video

Prompt

帮我用js制作一个视频,主题是:什么是 Transformer 要深入浅出,让高中生也能看得懂,不仅high level说的清楚,也要有细节,包括注意力机制,甚至一些数学概念 你可以用任何工具或者安装工具,可以联网检索 请给我惊喜

Source heat · X
89
Stability
68
View case →

Same model

Latest with Claude Opus 5.5 →

  • 拿破仑加农炮 3D 模拟AI Video · Claude Opus 5.5 · 2026-10-19
  • Food Craving Product Launch FilmAI Video · Claude Opus 5.5 · 2026-10-09
  • 伽利略最速降线动画AI Video · Claude Opus 5.5 · 2026-10-07
  • 动态设计系统提示词AI Video · Claude Opus 5.5 · 2026-10-07
  • 3D House Construction AnimationAI Video · Claude Opus 5.5 · 2026-10-03
  • High-End Motion Videos Coded with GSAP and Three.jsAI Video · Claude Opus 5.5 · 2026-10-03

Each detail page keeps the original result, the prompt, and retest evidence in one reading path.