GPT-6 AstraАвтор: Himanshu Hingorani

3D-лендинг с биолюминесцентной медузой на Next.js и Three.js

GPT-6 Astra через Claude Code собрал сайт агентства: в hero светится WebGL-медуза, поверх неё стеклянный интерфейс.

Claude Code + Three.js (только код)Wandy 2
Настоящие модели · 360°Обе модели — по одному и тому же фото: слева — один неотредактированный запуск Claude Code (Opus 5.5), смоделировавший объект кодом на Three.js; справа — Wandy 2.

Создавайте детальные 3D-модели

Одним кодом получаются простые фигуры. Wandy 2 превращает одно фото в текстурную 3D-модель для той же сцены.

Бриф от Wandy3D

Автор не поделился промптом, поэтому мы описали, как повторить эту работу.

Build a deep-sea themed agency landing page with an interactive 3D hero. Use Next.js and React, with Three.js rendering a large bioluminescent jellyfish in glowing purple and magenta that drifts and pulses in a dark navy water scene, with soft particles and light scattering. Overlay a dark glassmorphism interface in Tailwind CSS: a rounded navigation bar, a big two-line headline on the left, a primary call-to-action button, two white stat cards, a small side card with a jellyfish thumbnail and a budget figure, social icons and a short agency description at the bottom. Add scroll choreography and small hover micro-interactions with Framer Motion. The jellyfish should react gently to pointer movement and keep animating when idle. Keep text readable over the 3D layer and make the layout responsive. Done means a running project where the jellyfish moves smoothly behind the interface at a steady frame rate.

Как использовать этот промпт

  1. Передайте бриф GPT-6 Astra в Claude Code в новом проекте Next.js.

  2. Замените медузу своим существом или продуктом, поменяйте палитру и тексты.

  3. Запустите, проверьте FPS и мобильную вёрстку, затем попросите анимацию скролла или реакцию на курсор.

Исходный постВы автор? Попросите нас изменить или убрать эту страницу