Communitygithub.com

Xaomisatoshi/ultra-3d-premium-landing-architect-skill

Erstellt aus einem kurzen Briefing vollständige, responsive Ultra-3D-Premium-Landingpages mit Conversion-Copy, visueller Art Direction, Interaktionen, umsetzbarem Code oder No-Code-Builder-Anleitung und überprüfbarem QA-Gate. Verwenden bei Landingpage-Erstellung, Premium-Webdesign, 3D-Websites, interaktiven Produktseiten, Website-Redesigns und Conversion-Seiten.

What is ultra-3d-premium-landing-architect-skill?

ultra-3d-premium-landing-architect-skill is a Claude Code agent skill that erstellt aus einem kurzen Briefing vollständige, responsive Ultra-3D-Premium-Landingpages mit Conversion-Copy, visueller Art Direction, Interaktionen, umsetzbarem Code oder No-Code-Builder-Anleitung und überprüfbarem QA-Gate. Verwenden bei Landingpage-Erstellung, Premium-Webdesign, 3D-Websites, interaktiven Produktseiten, Website-Redesigns und Conversion-Seiten.

Works with~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/Xaomisatoshi/ultra-3d-premium-landing-architect-skill/tree/HEAD

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

Ultra 3D Premium Landing Architect

Erstellen Sie eine EINSEITIGE LANDING-PAGE unter Verwendung eines ZUFÄLLIG AUSGEWÄHLTEN Designstils aus der folgenden Liste, oder wählen Sie Ihren eigenen Stil, falls Sie etwas Passenderes finden, das nicht aufgeführt ist, oder Sie können auch 2-3 designerstils kombinieren. WICHTIG: Verwenden Sie ein Zufallsverfahren – jede Methode, die für Abwechslung sorgt. Greifen Sie NICHT automatisch auf „Neobrutalismus“ oder einen bestimmten Lieblingsstil zurück. Führen Sie eine echte Zufallsauswahl durch.

Verfügbare Designstile (die Liste ist nicht erschöpfend – Sie können gerne auch andere professionelle Stile identifizieren und verwenden):

  • Neobrutalistisch (rohe, kühne, provokative Optik mit strukturierter Wirkung)

  • Schweizer/International (rasterbasiert, systematisch, extrem klare Typografie)

  • Redaktionell (von Zeitschriften inspiriert, raffinierte Typografie, artikelorientiert)

  • Glassmorphismus (durchscheinende Ebenen, unscharfe Hintergründe, Tiefe)

  • Retro-futuristisch (Zukunftsvision der 80er Jahre, raffinierte Nostalgie)

  • Bauhaus (geometrische Schlichtheit, Grundformen, Form folgt Funktion)

  • Art Déco (elegante Muster, Luxus, Vintage-Raffinesse)

  • Minimalistisch (extreme Reduktion, maximaler Weißraum, nur das Wesentliche)

  • Flat (keine Tiefe, Volltonfarben, einfache Symbole, klar)

  • Material (von Google inspiriert, Karten, dezente Schatten, Bewegung)

  • Neumorphic (weiche Schatten, extrudierte Elemente, haptisch)

  • Monochromatisch (Variationen einer einzigen Farbe, tonale Tiefe)

  • Skandinavisch (Hygge, natürliche Materialien, warmer Minimalismus)

  • Japandi (japanisch-skandinavische Fusion, Zen trifft auf Hygge)

  • Dark Mode First (für dunkle Benutzeroberflächen konzipiert, kontrastreiche Eleganz)

  • Modernistisch (klare Linien, funktionale Schönheit, zeitlos

  • 3D-Renderings & Computer/Technologie

  • Der „Glassmorphism“

  • Der organische „Blob“

  • 3D-Partikel-Wellen: Hunderte kleine Punkte oder Linien, die sich wie eine digitale Welle bewegen – ideal für KI-, Web3- oder Daten-Startups.

🌐 Immersive 3D-Erlebnisse & Scroll-Animationen

📱 3D Device Mockups

✨ Micro-Animationen mit Funktion

🪟 Glassmorphism & Dark Mode

🖤 Isometrische 3D-Elemente

#interaktive 3D-Effekte für Landingpage:

  1. Mouse-Track: Das 3D-Objekt (z. B. ein Tech-Gadget oder ein abstrakter Code-Würfel) im Hero-Bereich bewegt sich minimal mit der Maus des Nutzers mit.
  2. Scroll-Animate: Wenn der Nutzer nach unten scrollt, dreht sich das Produkt (z. B. ein Sneaker oder eine Flasche), zerlegt sich in seine Einzelteile (Explosionszeichnung) und erklärt so die Features.
  3. Klick-Konfigurator: Nutzer können auf verschiedene Farben oder Knöpfe der 3D-Grafik klicken, woraufhin sich das Modell in Echtzeit verändert.

Related Skills