提示词
GPT 5.6 Pro 的前端能力相当不错!
因为 GPT 5.2 曾经是 ChatGPT 的“痛点时刻”,所以我决定测试它的前端能力。
以前我为了做出漂亮的前端,曾经付费订阅 Claude Max ×5。但现在不用了!
这里有 3 个一次生成的 landing page 示例。
通过 ChatGPT 网站生成。
1. Orbital 太空旅行落地页
Prompt:"为一家名为 Orbital North 的私人太空旅行公司构建一个电影感落地页。
使用带有地球、轨道和星空视觉的全屏 Three.js 场景。用户滚动时,改变摄像机位置、灯光和内容区块。落地页应沉浸且高级,并包含真实的产品/服务信息、行程、安全版块、价格提示和预订 CTA。
避免泛化渐变、装饰性球体和营销套话。第一屏必须立即传达太空旅行。"原文提示词(English)
GPT 5.6 Pro has pretty nice frontend capabilities!
I decided testing frontend abilities because it was the "ouch" moment of ChatGPT since GPT 5.2
I used to pay Claude Max x5 before, just to create some nice frontends. Not anymore!
Here are 3 examples of landing pages, one shot.
Generated via ChatGPT website.
1. Orbital space tourism landing page
Prompt: "Build a cinematic landing page for a private space tourism company called Orbital North.
Use a full-bleed Three.js scene with Earth/orbit/starfield visuals. As the user scrolls, camera position, lighting, and content sections should change. The landing page should feel immersive and premium, with real product/service information, itinerary, safety section, pricing teaser, and booking CTA.
Avoid generic gradients, decorative orbs, and marketing filler. The first screen must immediately communicate space travel."建议模型
GPT-5.6 Pro · Three.js / GPT-5.6 Sol
视频地址
https://media.goodcase.ai/media/video/orbital-north-828df18b809d.mp4