OX
OPEN-OX

// docs

Open-OX Studio技术文档

Open-OX Studio 是一个全栈 AI 建站引擎。用户只需一句话描述需求,系统自动完成需求分析、设计系统生成、 并行组件编写、构建验证和云端预览。全程零代码。

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

快速开始

系统架构 了解全局设计,然后阅读 AI 生成流水线 深入生成流程细节。

核心

系统架构

系统全景、API 路由、数据流,以及从用户输入到上线预览的完整项目生命周期。

阅读更多
流水线

AI 生成流水线

从校验技能到构建验证的主路径编排 — analyze ∥ infer、plan ∥ 设计系统匹配/生成、Architect → 多页 Page Agent、可选范围类型检查与最多 5 轮构建修复。

阅读更多
数据模型

项目蓝图

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

阅读更多
容错

Blueprint 容错解析

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

阅读更多
设计

设计系统生成

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

阅读更多
生成

Section 生成

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

阅读更多
设计

风格技能

用户 /skill 注入 styleGuide;内置 design-system skill 匹配;Hero 区运行时组件 skill 发现(菜单与正文分离)。

阅读更多
Agent

修改 Agent

受 Claude Code 启发的 Agent 循环,配备 Stop Hook、对话记忆和图片输入。

阅读更多
基础设施

预览沙箱

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

阅读更多
基础设施

存储与持久化

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

阅读更多

// 技术栈

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