Ox Alpha 做前端 UI 时,先提供可操作的浏览器、动画和审美工具,再让模型读取参考站点,通常比只给“做一个漂亮页面”更可复用。
适合的任务:营销页、Hero section、动效原型和需要浏览器回看验证的前端任务。
不适合的任务:把一次视觉结果当作通用设计能力证明,或在没有审查的情况下直接发布生成代码。
适用的模型版本:Ox Alpha;原帖没有版本快照。
适用的客户端、Agent 或 API:OpenCode;评论还提到 Playwright CLI、GSAP 和参考站点。
推荐的推理档位和参数:原帖未公开;先固定 Harness、工具权限和超时。
原帖没有公开完整逐字 prompt,下面是根据帖子与评论整理的可复用工作流,不应引用为原始 prompt:
1. 在一个可回滚的前端仓库中接入 Ox Alpha,并准备 Playwright CLI、GSAP 以及项目已有的 UI/动画工具。
2. 先让模型读取项目结构、现有组件和约束;再让它用 Playwright 打开一个公开参考站点,记录布局、文案、间距、动效时间线和交互状态。
3. 明确要求:参考站点只用于分析信息架构和视觉语言,不复制品牌资产、文案或源码。
4. 先实现一个可运行的 Hero section,再要求模型在浏览器中检查桌面与移动端,修复溢出、交互和控制台错误。
5. 对每次修改保存截图、控制台错误、测试结果和 diff;只在上一轮通过后继续增加动画或细节。
6. 最后由人工检查可读性、键盘操作、动画降级和与参考站点的差异。发帖人说自己在 OpenCode 中输入了一个 prompt,模型中途多次停止,最终通过反复继续对话花了约 2–3 小时完成 Hero section;评论作者建议加入 GSAP、Playwright CLI、taste.md 和可访问的设计参考。原帖没有公开 prompt 文本、仓库、截图原文件或测试日志。
“更好的工具 + 推理”是评论作者的经验总结,不是受控对照实验。
参考站点能否被模型正确查看,取决于客户端的浏览器工具和权限;只给链接不等于模型看到了页面。
页面视觉质量、代码正确性和动效可访问性应分别验收。
Ox Alpha