Verified installable Agent Skill
SKILL.md + .skillInstall into your agent.
npx skills add LearnPrompt/goodcaseai --skill web-3d-motion-hero --global --copy --yes --full-depthSkill · Shared method
3D and motion hero
Build a motion-led hero around one visual subject, an interaction rhythm, and a clear performance budget.
Method skeleton
- 01Choose one visual protagonist
- 02Specify scroll or interaction triggers
- 03Limit first-load assets and mobile fallback
Creator evidence
Methods stay attached to their makers.
6 CasesviktoroddyView creator →2 CasesOluwaphilemon1View creator →2 Casessergey_molomanView creator →1 Casesaaryan_kakadView creator →1 CasesEHuangluView creator →1 CasesexploraX_View creator →1 Casesghosstty_View creator →1 CasesgivrosView creator →1 CasesIan GoodfellowView creator →1 CasesianiketnagapureView creator →1 CasesjohannesasgeirView creator →1 CasesKashberg_0View creator →
Case evidence
Judge the Skill through finished work.
Real-Time Laser Eye Effect With Mediapipe and Three.js
A three-line tech-stack list doubles as the implementation plan — camera feed, Mediapipe landmarks, Three.js rendering — with a clear data flow between each step instead of a description of the visual effect.
Prompt
Use the computer's front-facing camera Use `mediapipe` lib to capture facial landmarks Use `threejs` to apply a LASER EYE effect to the face captured by the camera based on the real-time 3D landmar
Source heat
81
Stability
Image-to-Code Voxel Art Scene in Three.js
Style information lives entirely in an uploaded reference image; the text only names the task and the output format, testing cross-modal image-to-code ability rather than prompt-writing skill.
Prompt
I have provided an image. Code a beautiful voxel art scene inspired by this image. Write threejs code as a single-page
Source heat
82
Stability
Cinematic Scrolling Pet Food Webpage
A webpage case by @johannesasgeir made with Gemini AntiGravity, including the public result, full prompt, and original source.
Prompt
I made this $10,000 website with one prompt over the weekend… Just joking. I made another mock-up webpage for fun using one main prompt and a few smaller prompts to adjust it. It mostly cost me some time and about 1% o
Source heat
31
Stability
3D Invoice Printer SaaS Component
A webpage case by @uxsweta using AI UI Builder, including the public result, full prompt, and original source.
Prompt
Few people asked for the prompt, so here it is 👇 PS: Tweak it based on your use case. Create a modern, minimal 3D Invoice Generator Machine component with a premium SaaS-style aesthetic. Visual Design - Design a wid
Source heat
45
Stability
Cinematic FIFA World Cup Website
A web case by @ianiketnagapure created with Claude Sonnet 5 · Cursor, including the public result, full prompt, and original source.
Prompt
Tried Sonnet 5(high) on cursor Prompt: "Build a production-quality, cinematic FIFA World Cup website with realistic visuals, match schedules, immersive animations, and premium UI/UX" Here’s what happened 👇 On the fir
Source heat
24
Stability
3D Supermarket-Packaging-Style Creative Agency Website
A webpage case by @Oluwaphilemon1 using Claude Fable 5 · Three.js · Blender · GSAP, including the public result, full prompt, and original source.
Prompt
Claude Fable 5 and GPT-5.6 are powerful🥵🥵🥵 Here Is How I built with Claude 👇 Prompt: "Design an agency site where services are presented as supermarket product packaging in 3D" Use Three.js with WebGL to render al
Source heat
48
Stability
Kimi Cinematic Multi-Planet Civilization Website
A web case by @aaryan_kakad using Kimi K2.5 Agent, including the public result, full prompt, and original source.
Prompt
Here's the prompt I used: Create a world-class, award-worthy website about humanity's urgent need for multiplanetary civilization. This must be the most visually stunning, emotionally compelling, and technically sophist
Source heat
60
Stability
GTA VI-Style Cinematic Game Website
A web case by @MercyDeGreat using ChatGPT · AI Website Builder, including the public result, full prompt, and original source.
Prompt
Firstly the image I generated the image I used for this on ChatGPT Here is the prompt for the design: Create an ultra-premium cinematic AAA game landing page mockup inspired by the visual identity, atmosphere, luxur
Source heat
52
Stability
HeroUI Film Director Portfolio
A web case by @EHuanglu using HeroUI, including the public result, full prompt, and original source.
Prompt
trick 4: website for filmmakers you can use this prompt to generate a artistic website for filmmakers Website link: prompt: Create an artistic and cinematic portfolio website for a film director. The homepage should
Source heat
38
Stability
Codex Chinese Ancient Temple 3D Interactive Website
A website case by @givros made with Codex · GPT-5.6 Ultra · Blender · Three.js, including the public result, full prompt, and original source.
Prompt
You are an expert Blender architectural artist, procedural 3D modeler, Python developer, and Three.js developer. Your task is to recreate the exact same traditional Chinese temple shown in the attached multi-view refere
Source heat
67
Stability
Orbital North Space Travel Landing Page
A website case by @sergey_moloman created with GPT-5.6 Pro · Three.js, including the public result, full prompt, and original source.
Prompt
GPT 5.6 Pro has pretty nice frontend capabilities! I decided testing frontend abilities because it was the "ouch" moment of ChatGPT since GPT 5.2 I used to pay Claude Max x5 before, just to create some nice frontends.
Source heat
32
Stability
VEIL/FIELD Digital Fashion House Landing Page
A webpage case created by @sergey_moloman with GPT-5.6 Pro · Three.js, including the public result, full prompt, and original source.
Prompt
2. Fashion house landing page Prompt: "Create an experimental landing page for a fictional digital fashion house called VEIL/FIELD. This should feel like an interactive editorial spread, not a product SaaS page. Use Th
Source heat
26
Stability