Skip to main content
skillsmp
Run any Skill in Manus
with one click

immersive-web-design

沉浸式3D网页前端设计引擎——生成具有电影级视觉冲击力的Web前端界面。 集成Three.js 3D场景、GSAP动画、Parallax.js视差、光柱/粒子动态背景、 AI图像生成（NanoBanana Pro/即梦）调用。输出生产级HTML/CSS/JS或React JSX。 强制触发词：3D网页、沉浸式设计、Three.js、GSAP动画、WebGL、parallax视差、 光柱动画、粒子背景、流光效果、hero section、landing page、3D hero、 动态背景、交互式网页、cinematic web、电影感网页、霓虹外发光、 scroll animation、GSAP ScrollTrigger、Spline嵌入、shader、着色器、 NanoBanana、即梦、AI生图嵌入、React Three Fiber 当用户要求"炫酷网页""3D首页""带动画的landing page""沉浸式体验"时触发。

Run Skill in Manus
Overview

沉浸式3D网页前端设计引擎——生成具有电影级视觉冲击力的Web前端界面。 集成Three.js 3D场景、GSAP动画、Parallax.js视差、光柱/粒子动态背景、 AI图像生成（NanoBanana Pro/即梦）调用。输出生产级HTML/CSS/JS或React JSX。 强制触发词：3D网页、沉浸式设计、Three.js、GSAP动画、WebGL、parallax视差、 光柱动画、粒子背景、流光效果、hero section、landing page、3D hero、 动态背景、交互式网页、cinematic web、电影感网页、霓虹外发光、 scroll animation、GSAP ScrollTrigger、Spline嵌入、shader、着色器、 NanoBanana、即梦、AI生图嵌入、React Three Fiber 当用户要求"炫酷网页""3D首页""带动画的landing page""沉浸式体验"时触发。

Install command
npx skills add https://github.com/lujiaheng-artpivot/ui-design --skill immersive-web-design

Copy and paste this command into Claude Code to install the skill

Source
lujiaheng-artpivot/ui-design
Stars2
Forks1
UpdatedMarch 22, 2026 at 10:27
File Explorer
9 files
SKILL.md
readonly