// docs
Open-OX Studio技术文档
Open-OX Studio 是一个全栈 AI 建站引擎。用户用一句话(可附参考图)描述需求,系统完成需求分析、设计系统、 并行实现、构建验证与预览;之后可在 Studio 对话修改或 Design Mode 点选微调。Workspace 默认私有,可发布到 Community。
快速开始
从 系统架构 了解产品面与全局设计,然后阅读 AI 生成流水线 或 Design Mode。
系统架构
产品面(Workspace / Community / Studio)、API、数据流,以及从输入到预览的完整生命周期。
AI 生成流水线
从校验技能到构建验证的主路径编排 — analyze ∥ infer、plan → 设计系统、Chrome 两阶段、多页 Page Agent、最多 5 轮构建修复。
Workspace · Community
默认私有 Workspace;Publish Preview 上架社区静态发现;Allow Remix 为独立拷贝许可。
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
Intent 路由 + Agent 循环;工作记忆投影稳住短程续写;Stop Hook、图片输入与 /clear。
预览沙箱
三种后端:Storage 静态导出 + `/site-previews` 代理、本地每站点 next dev、或 E2B 沙箱(静态导出 + serve)。
存储与持久化
双层存储架构:Supabase DB 保存元数据,Storage 保存源文件,本地 sites/ 作为工作区。
// 技术栈