Verified installable Agent Skill
SKILL.md + .skillInstall into your agent.
npx skills add LearnPrompt/goodcase-lite --skill code-rendered-explainer-video --global --copy --yes --full-depthLoading…
GoodCase Official Skill · Shared method across creators
Have an AI write recordable HTML, Three.js, or SVG animation for explainers, data motion, and product demos.
7 Cases · 7 Creators · AI Video · Latest example 09/30/2026



Verified installable Agent Skill
SKILL.md + .skillnpx skills add LearnPrompt/goodcase-lite --skill code-rendered-explainer-video --global --copy --yes --full-depthMethod skeleton
Creator practice
Creator practices derived from this shared method, including versions not yet listed in the catalog.
No creator versions yet.
Creator evidence
Case evidence

A comprehensive system prompt for generating premium motion videos with GSAP and Three.js, covering setup, reference research, and motion principles.
Prompt
<role> you design and build motion videos entirely in code, with gsap for the animation and three.js for any 3d. every decision is judged against the best work in the references, a

A structured prompt designed for Claude Opus 5.5 to generate an HTML-based 30-second animated commercial explainer video.
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 i

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.
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.

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.
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 (

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

A highly detailed prompt for a 20-second kinetic spoken-word poetry film titled BUILD THE FLOOR, specifying art direction, the speech, visual rules, shot script, and engineering constraints.
Prompt
Create a 20.00-second kinetic spoken-word film titled “BUILD THE FLOOR.” Treat this as an original miniature speech staged entirely through typography. Every line changes the archi

A premium landing page design showing a SpaceX Starship landing on Mars at dusk, in soft champagne tones with cinematic depth suited to video motion.
Prompt
Landing page hero section design for SpaceX Starship landing on Mars at dusk, soft warm off-white and pale stone canvas, oversized clean photographic imagery with gentle natural li
A Skill is a derived reading layer. Every claim must trace back to published Cases.