OPEN-OX

// docs

Open-OX Studio技术文档

Open-OX Studio 是一个全栈 AI 建站引擎。用户用一句话(可附参考图)描述需求,系统完成需求分析、设计系统、 并行实现、构建验证与预览;之后可在 Studio 对话修改或 Design Mode 点选微调。Workspace 默认私有,可发布到 Community。

~90s
端到端生成时间
8+
核心流水线节点
0
用户需要写的代码
5
构建修复最多轮次

快速开始

系统架构 了解产品面与全局设计,然后阅读 AI 生成流水线 Design Mode

核心

系统架构

产品面(Workspace / Community / Studio)、API、数据流,以及从输入到预览的完整生命周期。

阅读更多
流水线

AI 生成流水线

从校验技能到构建验证的主路径编排 — analyze ∥ infer、plan → 设计系统、Chrome 两阶段、多页 Page Agent、最多 5 轮构建修复。

阅读更多
产品

Workspace · Community

默认私有 Workspace;Publish Preview 上架社区静态发现;Allow Remix 为独立拷贝许可。

阅读更多
Studio

Design Mode

Preview 点选 → 源坐标定位 → 服务端 AST Direct Apply;失败时预填 Modify 草稿。

阅读更多
数据模型

项目蓝图

一句话 prompt 如何变成结构化的 ProjectBlueprint:角色、页面、设计意图。

阅读更多
容错

Blueprint 容错解析

三种输出格式兼容、字段级 normalize、Web Search 工具、Fallback 策略。

阅读更多
设计

设计系统生成

AI 生成颜色、字体、间距、动效规范,转化为 Tailwind v4 CSS 变量并传播给所有 section。

阅读更多
生成

Section 生成

当前由每页 page_implement_agent 工具闭环落地路由与组件;Hero 可选运行时 skill 发现;Architect 先定稿 layout/chrome。

阅读更多
设计

风格技能

用户 /skill 注入 styleGuide;Style Reference 设计系统 LLM 生成;Hero 区运行时组件 skill 发现(菜单与正文分离)。

阅读更多
Agent

修改 Agent

Intent 路由 + Agent 循环;工作记忆投影稳住短程续写;Stop Hook、图片输入与 /clear。

阅读更多
基础设施

预览沙箱

三种后端:Storage 静态导出 + `/site-previews` 代理、本地每站点 next dev、或 E2B 沙箱(静态导出 + serve)。

阅读更多
基础设施

存储与持久化

双层存储架构:Supabase DB 保存元数据,Storage 保存源文件,本地 sites/ 作为工作区。

阅读更多

// 技术栈

Next.js 16React 19TypeScriptTailwind CSS v4SupabasePreview: Storage / local / E2BOpenAI-compatible API飞书 / Google OAuth