Claude Fable 5.1Автор: Rejuanul Islam

Интерактивный UI из 3D-карточек персонажей с подсветкой при наведении

Claude Fable 5.1 собрал тёмную страницу с тремя стеклянными карточками: робот, волшебник и фигура в капюшоне оживают при наведении.

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

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

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

Бриф от Wandy3D

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

Build an interactive web page with three character cards in a dark, cinematic style. Show a bold heading about three worlds waiting to be explored, with a short line of text beneath. Below it, place three glassy cards side by side, each with its own 3D character on a glowing pedestal: a friendly white robot, a purple wizard with a staff, and a hooded figure with a signboard in a reddish palette. Give each card its own accent colour, a name, a short description and an enter button. On hover, the card lifts, its glow strengthens, the character rotates or animates, and the other cards dim slightly. Follow the cursor with subtle parallax. Use Three.js or React Three Fiber for the characters, keep everything in a single page and make it responsive. Done when hover transitions feel smooth, each card has a distinct mood, and the characters render crisply.

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

  1. Вставьте бриф в Claude Fable 5.1 в кодинг-инструменте и попросите одну страницу с 3D-персонажами.

  2. Замените персонажей, акцентные цвета и тексты карточек на своих героев, бренд или портфолио.

  3. Проверьте эффекты наведения и курсора, затем попросите экраны по клику, звук или мобильную вёрстку.

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