Creatoraaryan_kakad →A web case by @aaryan_kakad using Kimi K2.5 Agent, including the public result, full prompt, and original source.
View original source ↗Prompt · Original / Translation
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 sophisticated website ever built on this topic. Core Message Present the existential case: There is a 1-in-1,000 chance every century that a catastrophic astronomical event (asteroid impact, gamma-ray burst, solar flare, supernova radiation) could cause human extinction. Our survival for the next thousand years depends on becoming a multiplanetary species. Visual & Technical Requirements Hero Section Epic animated background: Rotating Earth view transitioning to asteroid field, then Mars, then distant exoplanets Particle effects: Floating space dust, stars with parallax scrolling at multiple depths Dynamic countdown: Real-time probability calculator showing extinction risk accumulating Cinematic title reveal: Text that materializes from star particles with glowing edges Ambient sound option: Low, cosmic hum with toggle (space ambience) Animation & Effects Library Scroll-triggered animations: GSAP ScrollTrigger for every section 3D elements: Three.js rotating planets, orbital mechanics visualizations WebGL shaders: Atmospheric effects, nebula backgrounds, light refraction Lottie animations: Smooth vector animations for infographics Mouse-reactive particles: Interactive particle systems that respond to cursor Smooth page transitions: Barba.js or similar for seamless navigation Reveal animations: Intersection Observer for fade-ins, slide-ins, scale effects Number counters: Animated statistics that count up when visible Morphing SVGs: Icons and graphics that transform between states Glassmorphism UI: Frosted glass effects for cards and containers Sections to Include THE THREAT (Dark, ominous tone) Animated timeline of past extinction events (dinosaurs, etc.) Interactive probability calculator Visualization of near-miss asteroids in Earth's history Real NASA data on potentially hazardous objects Countdown showing risk accumulation in real-time THE SOLUTION (Hope, wonder, inspiration) Interactive solar system map showing colonization targets Mars terraforming visualization (animated progression) Orbital habitat concepts with 3D models Technology roadmap with milestone animations THE SCIENCE Animated explanations of each extinction threat Data visualizations of impact probabilities Expert quotes with elegant typography Video backgrounds of space phenomena THE VISION Futuristic city concepts on Mars/Moon (3D renders) Multi-generational ship designs Timeline to 3025: humanity across the stars Interactive galaxy map showing expansion potential TAKE ACTION How individuals can contribute Organizations to support Educational resources Shareable content generator Technical Stack Specifications Frontend Framework: React or Next.js for component architecture TypeScript for type safety Animation Libraries: GSAP (GreenSock) for premium animations Three.js for 3D graphics Framer Motion for React animations Lottie for vector animations Anime.js for additional effects Visual Effects: WebGL shaders (custom or Shadertoy imports) Canvas API for particle systems CSS3 advanced animations (keyframes, transforms) SVG morphing and path animations UI/UX Features: Smooth scrolling (Locomotive Scroll or Lenis) Lazy loading for performance Progressive image loading with blur-up effect Responsive design (mobile-first) Dark theme with cosmic color palette Custom cursor effects Preloader with percentage counter Easter eggs (hidden animations on clicks) Design Principles Color Palette: Deep space blacks (#0a0a0f) Cosmic blues (#1a2a6c, #2e3192) Mars reds (#c1440e, #8b0000) Stellar whites and golds for accents Gradient overlays everywhere Typography: Futuristic sans-serif for headings (Orbitron, Exo 2, Space Grotesk) Readable serif or clean sans for body (Inter, Work Sans) Glowing text effects on key phrases Kinetic typography animations Imagery: NASA high-resolution images ESA space photography SpaceX renders Custom illustrations Video backgrounds (cosmic phenomena, rocket launches) Depth-of-field blur effects Micro-interactions: Button hover effects (glow, particle burst) Card flip animations Ripple effects on clicks Floating/hovering elements Magnetic hover effects (elements attracted to cursor) Sound effects on interactions (optional) Advanced Features Interactive Data Visualizations D3.js charts showing extinction probabilities Animated infographics on resource distribution Timeline sliders for future projections 3D Model Viewer Rotatable spacecraft models Mars base walkthroughs Asteroid size comparisons Parallax Storytelling Multi-layer parallax scrolling Horizontal scroll sections Zoom transitions between sections Dynamic Content Real-time asteroid tracking data (NASA API) Live space mission updates Social media integration Immersive Elements VR/360° views (optional) Augmented reality previews (WebXR) Full-screen video backgrounds Atmospheric audio tracks Performance Optimization Code splitting for faster load times Image optimization (WebP, AVIF formats) Lazy loading for heavy animations Efficient WebGL rendering Cache strategies CDN delivery Emotional Journey Structure the narrative to take users through: Shock → See the real threat Fear → Understand what we could lose Wonder → Discover the possibilities Hope → See the solution Determination → Feel compelled to act Call-to-Actions "Join the Movement" (newsletter signup with particle burst effect) "Support Space Exploration" (donation/advocacy links) "Share Our Future" (social sharing with custom preview cards) "Learn More" (resource library) Unique Differentiators No generic templates - 100% custom design Award-quality animations - Smooth 60fps throughout Scientifically accurate - All data verified Emotionally resonant - Story-driven experience Technically flawless - No bugs, perfect responsiveness Accessible - WCAG compliant while maintaining visual impact Final Instructions Build this as if it's for NASA, SpaceX, and the United Nations combined. Every pixel should inspire awe. Every animation should feel intentional and meaningful. Every interaction should delight. This isn't just a website—it's a manifesto for human survival, a rallying cry for our species, and a work of digital art that makes people feel the urgency and possibility of our multiplanetary future. Make it so compelling that anyone who visits will become an advocate for space colonization. GO ALL IN. SPARE NO CREATIVE EFFORT. THIS IS HUMANITY'S STORY.
Reusable method
Reusable structure
Extract “target result → the product name, audience, page modules, and primary button → constraints” as a reusable template for similar work.
Retest criteria
Run single-variable comparisons around module order, value proposition, and CTA placement. Record the model, cost, and failures; turn it into a Skill only after it repeats reliably.
Recommended models
Keep exploring
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 all products in real time in the browser Use Blender to model the packaging then export as GLTF to load in Three.js Use GSAP for the smooth product rotation and hover interactions Save this if you want a portfolio that makes clients feel they are buying something premium 🛒
Derived Skill
Skills are derived from repeated patterns in published cases. They are not a separate submission type.
Creator
aaryan_kakad focuses on production-ready AI interfaces and is active on X. “Kimi Cinematic Multi-Planet Civilization Website” is the current representative case, built with Kimi K2.5 Agent awaiting a stability retest.
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 wide, horizontal invoice printing machine inspired by receipt printers, but with a futuristic and clean appearance. - Use subtle gray strokes, soft shadows, and minimal details. - The machine should feel premium, lightweight, and modern rather than realistic or industrial. - Keep the overall design clean enough to fit inside a dashboard or landing page hero section. - Add a single prominent "Print Invoice" button directly on the machine. Animation When the user clicks the "Print Invoice" button: - The machine should react with a subtle press/click animation. - A receipt should gradually emerge from the printer slot. - The receipt must animate smoothly from inside the machine to outside, giving the impression that it is being physically printed. - The animation should feel realistic, fluid, and satisfying. - The receipt should slide out line-by-line rather than appearing instantly. - Add slight motion easing and subtle paper movement for realism. Receipt Design The receipt should remain highly minimal and editable. Do NOT fill it with complex customer information. Use placeholder content such as: Customer Name Product Total Amount The receipt should look like a clean invoice preview rather than a detailed bill. Interaction - The receipt should be hidden initially. - It should only appear after clicking the Print Invoice button. - The animation should be repeatable every time the user clicks the button. - Include smooth transitions and micro-interactions throughout. Style References Apple-style minimalism Linear / Stripe design quality Premium SaaS dashboard aesthetic Soft gray strokes Clean typography Modern 3D illustration High attention to interaction details Goal: Create a delightful visual experience where users feel like an invoice is actually being generated and printed from a beautiful 3D machine, rather than simply appearing on the screen.
A webpage case by @shushant_l using AI Website Builder, including the public result, full prompt, and original source.
Prompt
Here's how to create your website in minimalist design style with AI. Use this prompt: Design a modern minimalist portfolio website for a digital creator and AI consultant. Use a clean black, white, and neutral color palette with no gradients, glassmorphism, or excessive visual effects. Focus on simplicity, whitespace, strong typography, clear hierarchy, and fast loading performance. Include a hero section with a professional introduction and call-to-action, an about section, featured projects portfolio, services section, testimonials, blog/articles preview, skills and tools showcase, client logos, contact form, and footer. Use subtle animations, smooth scrolling, elegant card layouts, responsive mobile-first design, and SEO-friendly structure. The overall aesthetic should feel premium, professional, timeless, and highly readable with a strong emphasis on content and usability. Note: Customise this prompt to your use case. I've built this with Replit, and you can also build with it, or else you can also build it with any other AI model, LLM, and AI tool too.
