Ox Alpha · workflow
Ox Alpha 做前端 UI 时，先提供可操作的浏览器、动画和审美工具，再让模型读取参考站点，通常比只给“做一个漂亮页面”更可复用
根据 {{REFERENCE_SITES}} 提取可观察的布局、交互和动效规律，再用 {{STACK}} 实现原创原型，不复制受版权保护素材。先区分设计事实与推测；把页面结构、状态、动效触发和降级方案列成清单；用 {{DEVICE_BUDGET}} 定义加载、帧率、资源和可访问性验收项；输出文件树、启动命令和人工检查，未运行项目标为待验证。
参考站点：{{REFERENCE_SITES}}
技术栈：{{STACK}}
设备预算：{{DEVICE_BUDGET}}运行前仍需替换: {{REFERENCE_SITES}}, {{STACK}}, {{DEVICE_BUDGET}}
固定输入、变量和运行环境，确认有权发送资料。
替换所有必填变量；模板不会自动读取客户端状态，也不会自动执行代码或工具。
保存原始输出、错误和人工修正，未实际运行的结果标为待验证。
逐项执行验收；失败时先缩小变量范围，不把示例当成实测。
这是基于公开来源的 Tabbit 编辑改写，不复制未公开系统提示词或受限全文。来源只支持该任务方向，不支持对模型的普遍性能承诺。
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 文本、仓库、截图原文件或测试日志。
“更好的工具 + 推理”是评论作者的经验总结，不是受控对照实验。
参考站点能否被模型正确查看，取决于客户端的浏览器工具和权限；只给链接不等于模型看到了页面。
页面视觉质量、代码正确性和动效可访问性应分别验收。
Reddit · 原文日期: 2026-08-23 · 编辑日期: 2026-09-20
阅读原始来源Ox Alpha
请在上方所列环境中运行本指南。下载不会自动传入模板，也不代表账户已开放该模型。