用阶跃星辰 Step 5 Preview 生成可交互 3D 小岛

这个能旋转、能交互的 3D 小岛，是我让一个国产新模型对照参考图做出来的，效果和 opus 5.5 真不分上下！！！而且价格还比 opus 5.5 更便宜，性价比简直拉满了 ！

它就是 @StepFun_ai 阶跃星辰的 Step 5 Preview，上线 OpenRouter 第二天，就登上了 Trending 趋势榜的第一名。

Step 5 Preview 是阶跃星辰最新的旗舰基座模型，面向 AI 编程、软件工程和专业知识工作。它支持 1M Token 上下文、文字和图片输入，重点是让 Agent 从理解需求、修改代码到运行验证，把真实任务完整做完。

被它的前端能力和成本吸引，我立马把它接入 Claude Code（CC）进行了测试：做一个微缩版本的佩尼达岛。 整体效果非常夯，大家直接看下面的视频👇

整个网站用 Three.js 实时渲染，海水、岩石等场景元素都由代码生成。对着这个小岛旋转视角、看细节的时候，我真没想到，现在国产模型做 3D 场景已经能有这样的表现。

我的提示流程也很简单：先准备一张生成好的参考图，把网页需求和想要的交互描述清楚，再让它对照参考图反复检查、调整，逐步把效果打磨出来。当然，整个过程需要一些时间，大家可以稍微耐心一点。

目前 Step 5 Preview 已上线 OpenRouter，并接入 Kilo Code、Cline、Hermes Agent 和 OpenCode。不用迁移项目或改变现有工作流，配置后就能切换模型，更多集成也即将上线。

如果你也喜欢折腾前端、交互网页或者 Three.js，可以拿一个自己的小项目试试。我这次做下来，最惊喜的就是它把参考图落成可交互 3D 场景的效果。

体验链接：https://openrouter.ai/stepfun/step-5-preview 排行链接：https://openrouter.ai/rankings?view=trending#top-models