Verified installable Agent Skill
SKILL.md + .skillInstall into your agent.
npx skills add LearnPrompt/goodcase-lite --skill web-3d-motion-hero-by-197q59i --global --copy --yes --full-depthSkill · Creator method
viktoroddy · 3D and motion hero
A recurring 3d and motion hero method derived from 14 published cases by viktoroddy.
14 Cases · 1 Creators · AI Coding (UI) · Latest example 07/28/2026
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.
Case evidence
Judge the Skill through finished work.
AI Coding (UI)X
Full-Screen Animated Space Travel Hero
A web case by @viktoroddy using React · Vite · TypeScript, including the public result, full prompt, and original source.
Prompt
Unlimited Aniamted AI Heros - Here’s the exact prompt I used: Build a full-screen cinematic hero section for a space travel website using React, Vite, TypeScript, Tailwind CSS, and the motion/react (Framer Motion) lib
Source heat · X
15
Stability
79
AI Coding (UI)X
Fable and Opus Same-Prompt Scrolling Page Comparison
A web case by @viktoroddy created with Fable · Claude Opus, including the public result, full prompt, and original source.
Prompt
❤️🔥 Access ALL prompts for Premium AI websites in one click: Build a scroll-driven hero landing page in React + TypeScript + Vite + Tailwind CSS v4. The page has a black background, white text, and 3 main elements: a
Source heat · X
51
Stability
68
AI Coding (UI)X
Claude Mythos: Lithos Geology Brand Hero
A website case by @viktoroddy made with Claude Mythos, including the public result, full prompt, and original source.
Prompt
❤️🔥Access ALL prompts for stunning animated websites in one click: http:// Build a full-screen, dark-themed hero section for a geology brand called **Lithos**, using **React 18 + TypeScript + Vite + Tailwind CSS** a
Source heat · X
67
Stability
76
AI Coding (UI)X
Claude Auto-Generated Single-Page Animated Site
A website case by @viktoroddy made with Claude, including the public result, full prompt, and original source.
Prompt
Access ALL prompts for stunning animated websites in one click: Prompt: Build a single-page landing site using React + TypeScript + Vite + Tailwind CSS + framer-motion + lucide-react. The entire page has a bg-black b
Source heat · X
40
Stability
81
AI Coding (UI)X
Nano Banana + Flow + AntiGravity Animated Website
A website case by @viktoroddy created with Nano Banana · Flow · AntiGravity, including the public result, full prompt, and original source.
Prompt
Prompt: Build a premium, high-end hero section for a video editing agency named 'Logoisum' with the following specifications: Background: Implement a full-screen, looping video background using this URL: . The video m
Source heat · X
93
Stability
80
AI Coding (UI)X
Grok Imagine + Grok Build：Veldara Hero
A web case by @viktoroddy using Grok Imagine · Grok Build, including the public result, full prompt, and original source.
Prompt
❤️🔥 Access Full prompt for stunning animated websites in one click: Create a full-viewport hero section for a product called "Veldara" using React, Tailwind CSS, and Lucide React icons. The page should be a single-sc
Source heat · X
79
Stability
70
AI Coding (UI)X
Claude + Fable: Aethera Fintech Landing Page
A website case by @viktoroddy made with Claude · Fable, including the public result, full prompt, and original source.
Prompt
Access ALL prompts for stunning animated websites in one click: > Build a single-page landing page for a brand called **"Aethera"** (a fintech/AI company for lending). Use **React + TypeScript + Vite + Tailwind CSS + l
Source heat · X
52
Stability
82
AI Coding (UI)X
Nano Banana + Kling + Claude Cinematic Hero
A website case by @viktoroddy created with Nano Banana · Kling · Claude, including the public result, full prompt, and original source.
Prompt
Access ALL prompts for stunning animated websites in one click: Prompt: Cinematic Hero Section with Looping Video Background Create a fullscreen single-page hero section using React + Vite + Tailwind CSS + TypeScript
Source heat · X
97
Stability
66
AI Coding (UI)X
GPT Image 2 + Veo 3 + Lovable Marketing Site
A web case by @viktoroddy using GPT Image 2 · Veo 3 · Lovable, including the public result, full prompt, and original source.
Prompt
Access ALL prompts for stunning animated websites in one click: # PROMPT: Recreate this landing page exactly Build a production-quality marketing landing page for a thoughtful newsletter platform called "Mindloop" as
Source heat · X
84
Stability
86
AI Coding (UI)X
Nano Banana + Veo 3 + Lovable Animated Site
A website case by @viktoroddy created with Lovable · Nano Banana · Veo 3, including the public result, full prompt, and original source.
Prompt
Access ALL prompts for stunning animated websites in one click: Create a single-page hero section with a fullscreen looping background video, glassmorphic navigation, and cinematic typography. Use React + Vite + Tailwi
Source heat · X
98
Stability
80
AI Coding (UI)X
Claude + Nano Banana + Kling Animated Website
A website case by @viktoroddy made with Claude Code · Nano Banana Pro · Kling, including the public result, full prompt, and original source.
Prompt
Access ALL prompts for stunning animated websites in one click: RECREATION PROMPT PROMPT: Build a React + Vite + TypeScript + Tailwind CSS landing page for a creative studio called "Aethera". The site is light-mode
Source heat · X
71
Stability
84
AI Coding (UI)X
AntiGravity + Gemini 3.1 Landing Page
A webpage case created by @viktoroddy with AntiGravity · Gemini 3.1 Pro, including the public result, full prompt, and original source.
Prompt
Prompt: Build a hero section with the following exact specifications: Overall Layout: Full-width section with background: #000000 (pure black) Overflow hidden Background video playing behind all content (details below
Source heat · X
96
Stability
89