已验证 · 可安装 Agent Skill
SKILL.md + .skill把这套
npx skills add LearnPrompt/goodcase-lite --skill web-3d-motion-hero-by-1kbs468 --global --copy --yes --full-depth加载中…
创作者方法 · 非官方归纳
基于公开证据的非官方归纳，不代表作者本人发布或背书。
从 sergey_moloman 的 3 个已发布 Case 中归纳出的「3D / 动效 Hero」方法。
3 Cases · 1 位作者 · AI 编程(UI) · 最近例证 2026/07/28
已验证 · 可安装 Agent Skill
SKILL.md + .skillnpx skills add LearnPrompt/goodcase-lite --skill web-3d-motion-hero-by-1kbs468 --global --copy --yes --full-depth方法骨架
Case 证据
@sergey_moloman 使用 GPT-5.6 Pro · Three.js完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
GPT 5.6 Pro 的前端能力相当不错！ 因为 GPT 5.2 曾经是 ChatGPT 的“痛点时刻”，所以我决定测试它的前端能力。 以前我为了做出漂亮的前端，曾经付费订阅 Claude Max ×5。但现在不用了！ 这里有 3 个一次生成的 landing page 示例。 通过 ChatGPT 网站生成。 1. Orbital 太空旅行落地页 Prompt："为一家名为 Orbital North 的私人太空旅行公司构建一个电影感落地页。 使用带有地球、轨道
@sergey_moloman 使用 GPT-5.6 Pro · Three.js完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
2. 时装屋落地页 Prompt："为一家名为 VEIL/FIELD 的虚构数字时装屋创建一个实验性落地页。 它应像互动式编辑版面，而不是产品 SaaS 页面。使用 Three.js 创建超现实的布料、镜面或液态金属场景，让字体和 3D 形体在高端时装构图中互相叠加。用户滚动或移动指针时，应能扭曲布料、揭示系列名称，并在不同造型之间转场。 视觉方向：先锋、编辑风、时尚杂志、奇异但精致。大号字体、不对称、留白、艺术指导式构图。 要求： - Three.js 或 reac
@sergey_moloman 使用 GPT-5.6 Pro完成的网页案例，包含公开结果、完整 Prompt 与原始来源。
提示语
3. 机器人落地页 Prompt：“为一家名为 IRON INDEX 的虚构机器人公司制作一个落地页。 页面应呈现工业 CAD 终端与技术规格表的混合感。使用 Three.js 展示一个爆炸视图的机械臂或机器部件，并加入线框、测量标注、零件标签，以及扭矩、冷却、传感器和负载等系统的切换控件。 视觉方向：粗野主义、技术感、密集、锐利、功能导向。整体以单色为主，只使用一种警示色或强调色。不要柔和渐变、玻璃拟态、电影感 Hero 或嬉闹的物理效果。 交互风格： - 吸附式面
作者证据
Skill 是派生阅读层，所有判断都必须能回到已发布 Case。