已验证 · 可安装 Agent Skill
SKILL.md + .skill把这套方法装进你的 Agent。
npx skills add LearnPrompt/goodcaseai --skill landing-page-information-structure-by-1kbs468 --global --copy --yes --full-depth加载中…
Skill · 作者方法
从 sergey_moloman 的 3 个已发布 Case 中归纳出的「落地页信息结构」方法。
已验证 · 可安装 Agent Skill
SKILL.md + .skillnpx skills add LearnPrompt/goodcaseai --skill landing-page-information-structure-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 或嬉闹的物理效果。 交互风格: - 吸附式面