面向开发者

您构建设计系统。
其余交给内容作者。

用 React 编写组件,或交给 AI 智能体。Uniweb 将组件转化为内容作者使用的可视化编辑器,让您无需构建管理界面,作者也不会破坏设计。

您将获得什么

构建需要开发者的部分,其余交给内容作者。

无需构建管理界面

每个区块的模式定义都会生成编辑器。作者获得表单、选项和预设,您无需编写 CMS。

始终一致的设计

作者只能使用您开放的区块和选项,因此无论谁来编辑,网站都能保持品牌一致。

您的工具,您的工作流程

使用文件、Git 和您自己的 AI 智能体开展工作。项目与应用保持同步,让您与内容作者并行协作。

带上您自己的设计系统。
我们提供编辑器。

Uniweb 不限制您如何编写网站代码。无论组件由开发团队构建,还是昨天由 AI 智能体生成,应用都会读取其模式定义,即时提供有引导的可视化编排。

1. 定义可用组件体系

开发者或 AI 构建实际的 React 组件,并通过模式定义开放使用。内部组件保持隐藏。

2. 有引导的编排

应用读取这套组件体系,为作者提供原生可视化工作空间。只需填写表单,外观由代码负责。

实时多人协作

可视化编辑,结合
基于文件的 Git。

多位作者可在 Uniweb 应用中实时协作。同时,开发者和 AI 智能体可通过本地文件与 Git 操作完全相同的内容。

由于所有内容最终都基于文件,应用会将浏览器中的修改与终端中的修改无缝合并,省去交接环节。

内容作者

在网页应用中工作

开发者与 AI 智能体

在本地文件中工作

各有所长的智能体。

让本地智能体处理代码,同时由云端智能体协助起草内容。架构清晰地划分各自职责。

开发智能体

此智能体在本地终端或 IDE 中工作。它搭建 React 项目、编写 Tailwind CSS、定义组件模式,并使用 Uniweb CLI 将生成的 Foundation 同步到云端。

  • 生成原生 React 组件
  • 定义可视化组件体系的模式
  • 持续维护和更新代码

内容智能体

此智能体专注于数据。它编写语义化 Markdown 文件、组织文件夹结构、设置翻译版本并填写 SEO 元数据,使用开发智能体创建的组件体系。

  • 起草语义化 Markdown 内容
  • 组织集合与分类体系
  • 即时翻译与本地化页面
向所有人开放

亲自编写代码

面向 AI 智能体和开发者的免费开源框架。

如果可视化编辑与常规 Git 工作流程是同一个网站的两种操作界面,会怎样?

开发者定义组件体系,作者据此编排内容。Uniweb 让双方保持同步。

$npm create uniweb

它会询问项目名称和模板,然后告诉您下一步运行什么。新项目中的 README 是很好的起点。