icon of Oxygen

Oxygen

面向开发者的 WordPress 建站工具,融合可视化设计、可复用组件、动态内容与 AI Agent 集成。

社区:

产品概览

什么是Oxygen?

Oxygen preview

Oxygen 是一款面向开发者和设计师的可视化 WordPress 网站构建工具,让你对 HTML、CSS 和响应式布局拥有精细的控制权。它整合了可复用组件、全局样式变量、动态内容和交互效果,帮助你构建并维护自定义网站。其 Oxygen 6.2 beta 版本新增了 MCP 集成,让兼容的 AI Agent 可以在同一可视化工作流中创建和编辑页面、模板和设计系统。


主要功能

  • 可视化 HTML 和 CSS 控制

    通过拖放元素、直接的 CSS 控制、Grid 和 Flexbox 构建响应式布局,同时保留对页面结构的完全掌控。

  • AI Agent 集成

    在 6.2 beta 中连接 Claude Code、Codex、Cursor 等兼容 MCP 的客户端,创建和编辑页面、模板、样式和动态内容。

  • 可复用组件

    创建共享的页头、按钮和区块,简化更新流程,让整站布局保持一致。

  • 全局设计变量

    通过共享变量统一管理颜色、字体和间距,无需逐个调整单独的元素。

  • 动态 WordPress 内容

    使用查询循环和条件显示,将布局与文章、自定义字段和分类法连接起来。

  • 交互与动画

    通过可视化控制添加点击动作、悬停效果、入场动画和滚动触发行为。


使用场景

  • 客户网站开发 : 为客户构建自定义 WordPress 网站,具备响应式布局和可复用的设计元素。
  • AI Agent 辅助建站 : 使用接入的 AI Agent 搭建页面和模板,再在 Oxygen 的可视化编辑器中进行细化调整。
  • 动态内容网站 : 创建目录站、房产列表和博客,通过可复用模板展示结构化的 WordPress 内容。
  • 设计系统维护 : 借助共享组件和样式变量,保持多页面网站的一致性,并简化改版流程。
  • 交互式落地页 : 构建具备响应式区块、动画内容和交互式导航的营销活动页和产品页。

常见问题

Oxygen的替代方案

🚀

Oxygen网站分析