- Claude
- 3:2
- Промт клуба
Промт для Claude: hero-секция с вращающимся стеклянным кубом
Анимированная hero-секция с вращающимся 3D стеклянным кубом, преломляющим фоновый заголовок с хроматической дисперсией. Для сайтов дизайн-студий и креативных агентств.
Полноэкранная hero-секция с чёрным фоном, вращающимся 3D стеклянным кубом в центре и крупным заголовком «Explore / New / Ideas», который преломляется через куб с эффектом хроматической дисперсии. Включает навигацию, пагинацию, CTA-кнопку и счётчик. Стиль минималистичный, чёрно-белый, интерактивный — куб можно вращать мышью.
Вставьте промт в Claude Code — он сгенерирует готовый index.html с Three.js. Чтобы адаптировать под свой проект, замените тексты (название, слоган, пункты меню), цвета, шрифты и при желании 3D-модель. Движок — Three.js r169.
Начало промта
Build a single standalone index.html file (inline CSS + inline JS, no local assets, no build step) containing ONE full-screen hero section: a black "Design World" landing hero with a rotatable 3D glass cuboid in the centre that refracts a huge background headline with chromatic dispersion.…Полный промт — в клубе SAMI. Там же генерация в один клик и вся библиотека клубных промтов.
Открыть в клубеИз чего собран промт
- важноЗаголовок рисуется на 2D-канвасе для преломления кубом.
- навигацияСтили навигации: логотип, ссылки с подчёркиванием при наведении.
- стрелкиСтили стрелок переключения слайдов.
- пагинацияСтили вертикальных точек пагинации.
