Verified installable Agent Skill
SKILL.md + .skillInstall into your agent.
npx skills add LearnPrompt/goodcaseai --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 6 published cases by viktoroddy.
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.
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
45
Stability
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
69
Stability
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
71
Stability
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
73
Stability
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
79
Stability
Responsive 3D Character Carousel UI
A complete React implementation brief for a full-screen 3D figurine carousel, including assets, responsive behavior, animation timing, layout, and styling.
Prompt
Access ALL prompts for stunning animated websites in one click: http://motionsites.ai Build a single full-viewport hero section in React + TypeScript + Vite + ...
Source heat
77
Stability
92