已验证 · 可安装 Agent Skill
SKILL.md + .skill把这套方法装进你的 Agent。
npx skills add LearnPrompt/goodcaseai --skill web-3d-motion-hero-by-197q59i --global --copy --yes --full-depth加载中…
Skill · 作者方法
从 viktoroddy 的 11 个已发布 Case 中归纳出的「3D / 动效 Hero」方法。
已验证 · 可安装 Agent Skill
SKILL.md + .skillnpx skills add LearnPrompt/goodcaseai --skill web-3d-motion-hero-by-197q59i --global --copy --yes --full-depth方法骨架
作者证据
Case 证据
@viktoroddy 使用 React · Vite · TypeScript完成的网页案例,包含公开结果、完整 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
@viktoroddy 使用 Fable · Claude Opus完成的网页案例,包含公开结果、完整 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
@viktoroddy 使用 Claude Mythos完成的网页案例,包含公开结果、完整 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
@viktoroddy 使用 Claude完成的网页案例,包含公开结果、完整 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
@viktoroddy 使用 Nano Banana · Flow · AntiGravity完成的网页案例,包含公开结果、完整 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
@viktoroddy 使用 Grok Imagine · Grok Build完成的网页案例,包含公开结果、完整 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
@viktoroddy 使用 Nano Banana · Kling · Claude完成的网页案例,包含公开结果、完整 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
@viktoroddy 使用 Lovable · Nano Banana · Veo 3完成的网页案例,包含公开结果、完整 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
@viktoroddy 使用 Claude Code · Nano Banana Pro · Kling完成的网页案例,包含公开结果、完整 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
@viktoroddy 使用 Gemini 3.1完成的网页案例,包含公开结果、完整 Prompt 与原始来源。
提示语
PROMPT: Build a premium electric vehicle landing page with a dark, cinematic aesthetic. The entire site uses a black background (hsl(0,0%,0%)) with light text (hsl(0,0%,95%) as primary) and orange accents (hsl(25,100%,5
提示语
Access ALL prompts for stunning animated websites in one click: http://motionsites.ai Build a single full-viewport hero section in React + TypeScript + Vite + ...