You can now connect an AI agent to WordPress and have it create and edit Oxygen pages, templates, headers, footers, Components, selectors, CSS variables, dynamic data, interactions, animations, and the site settings, all while using the agent, instructions, skills, and workflow you already use.

Build With An AI Agent

Build Oxygen Sites With An AI Agent

Go to Oxygen > Settings > Agents & MCP to connect your agent. Oxygen works with MCP-compatible clients including Claude, Codex, Cursor, Windsurf, Cline, and Gemini CLI, and more. Once connected, the agent can read the site and use Oxygen’s own tools to make changes. It can build a single page, a group of pages, or the structure of an entire site.

Create Pages, Templates, And Components

An agent can create WordPress pages, build them in Oxygen, set the site’s homepage, content templates, headers, and footers, assign their display conditions, and build layouts within them. It can also create reusable Oxygen Components and place them where they are needed.

Work With A Design System

Before adding styles, an agent can read the breakpoints, selectors, and CSS variables already defined in Oxygen. It can reuse the site’s existing selectors and apply its CSS variables to color, spacing, typography, and other compatible properties instead of creating a parallel design system. When the design needs something new, it can create additional selectors or CSS variables.

Build Dynamic WordPress Sites

Oxygen exposes its registered dynamic data fields to the agent, including WordPress fields and active integrations such as ACF or Meta Box. The agent can connect supported element properties to those fields and use template conditions to control where templates, headers, and footers appear.

For repeated content, an agent can configure a Repeater or Posts Loop, set its query, bind its content to dynamic data, build the Component used for each result, and continue editing the resulting Oxygen tree.

Interactions

An agent can add Interactions to any element by binding a trigger to a sequence of actions, just as you would from the Interactions tab. It can respond to clicks, hovers, key presses, scrolling an element into view, page load, and page scroll, and in response it can show or hide elements, add, remove, or toggle CSS classes, set attributes and variables, scroll to a section, manage focus, or call a custom JavaScript function.

Actions can target the element itself or any other element on the page via a CSS selector, run in a defined order, run only once, and be disabled at specific breakpoints. That’s enough for an agent to wire up mobile menus, popups, toggles, and other interactive behavior without writing custom JavaScript — though it can hand off to a JavaScript function when something more custom is needed.

Animations

An agent can animate any element the same way you would from the Animations tab. It can add entrance animations — fades, slides, flips, and zooms — and control their duration, delay, distance, and easing, including whether the animation plays once or every time the element enters the viewport.

It can also build scroll-driven animations, moving an element’s position, opacity, blur, rotation, scale, and colors between start, middle, and end keyframes as the page scrolls, with control over the scroll range, easing, and whether the animation runs relative to the viewport, the page, or another element. And it can make elements sticky, pinning them to the top, center, or bottom of the screen while scrolling. Like interactions, any animation can be disabled at specific breakpoints.

Breakdance Forms

With Breakdance Forms for Oxygen installed and active, agents can build and configure its Form Builder elements, including fields, messages, redirects, and the actions that run after submission. Those actions can send email, store the submission and uploaded files in WordPress, or send mapped data to a webhook.

Performance Improvements

The Builder Is Faster

Oxygen 6.2 includes performance improvements throughout the builder, including page loading, element rendering, dynamic data, and checks for unsaved changes. Dynamic data now loads without holding up the rest of the canvas, and each element’s initial CSS is generated once when the page loads. The Selectors system caches generated CSS and updates the canvas stylesheet only when its output changes.

Changelog

Changelog

Beta 1

July 20, 2026

Added

• Design presets can be imported and exported from the presets panel.
• The Design Library shows a setup link instead of an empty panel when no providers or local designs are available.
• Unread form submissions have a visual indicator in the submissions list.
• The Pricing Table button has a custom width control.
• Meta Box Block Editor fields render their saved blocks when used through dynamic data.
• Server-rendered elements can be refreshed together in the builder.
• The Oxygen home screen includes updated tutorials and documentation links.

Improved

• The Variables panel includes search and scrolls to the active variable when opened from a control.
• The class properties panel, variable popouts, Properties panel dropdowns, and Design Library popouts have been refined.
• The builder remembers the last active tab.
• Right-click Paste Design and Paste Settings work through the fallback path where the Clipboard API is unavailable, and are disabled when multiple elements are selected.
• Gallery lightbox captions are read from the rendered gallery item.
• Missing Element notices render as HTML comments on the front end.
• CSS generated for layered backgrounds keeps a final solid color layer.
• Relative URLs are accepted when agents configure compatible element fields.

Fixed

• Fixed selector search in the Selectors panel.
• Fixed a class rename affecting every occurrence when the same selector was applied more than once.
• Fixed Text Links created through the HTML-to-page importer in Oxygen.
• Fixed imported object-position values and selector resets that could prevent a document from loading correctly.
• Fixed SVG Icon sizing so selector width and height apply to the icon wrapper.
• Fixed Structure panel stacking issues.
• Fixed popovers closing dialogs when clicked.
• Fixed the code editor dialog not scrolling.
• Fixed a crash when ScrollTrigger loaded before GSAP had registered it.
• Fixed a runtime warning in the Structure panel’s node-name input.
• Fixed local storage failures from blocking the builder; the session falls back to in-memory storage when browser storage is unavailable.

Beta 2

July 26, 2026

• New: Empty style inputs in the Elements panel now reveal the value inherited from the larger breakpoint, so you always know what you’re overriding.
• Resolve CSS variable references in global settings CSS inside the builder
• Stop the MCP set-global-settings tool from breaking global settings saves
• Match the Regenerate Cache button to current WP admin button styles
• Bust the Selectors cache when regenerating the CSS cache in Settings -> Tools.
• Don’t regenerate CSS caches when the stored cache is valid and empty. This means pages with many Components might load faster.
• Make the Replace URL tool cover Selectors
• Fix broken thumbnails in Dashboard
• Make Variables Panel less sluggish
• Support :where()/:is() selectors in MCP
• Update translations from GlotPress
• Escape user data rendered in WooCommerce SSR errors and the class input
• Remove the Migrate Meta and Undo Migrate Meta tools from the admin Tools tab
• Make the Animations settings section title translatable
• Normalize imported CSS opacity to the builder’s 0-100 percentage format

Beta 3

August 8, 2026

Added

• Added translation support for the Oxygen builder. Oxygen automatically uses the WordPress language when a translation is available.
• Added experimental WebMCP support, allowing compatible in-browser AI agents to edit the page currently open in Oxygen. Browser and agent support is still limited.
• Added the get-ecommerce-instructions MCP tool with guidance for building WooCommerce stores.
• Added the preview-post and preview-element MCP tools, allowing agents to render and verify their work.
• Added HTML tags to MCP element schemas, allowing agents to create semantic Containers such as <section>, <header>, and <nav>.

Improved

• MCP agents now use one stable CSS class prefix per site.
• The MCP CSS importer now preserves !important declarations.
• Improved MCP support for Dynamic Data so bindings appear as badges in the builder instead of raw shortcodes.

Fixed

• Fixed Global Settings failing MCP output validation under certain conditions.
• Fixed MCP tools without inputs causing fatal errors when passed arguments.
• Fixed empty Containers imported through html-to-page becoming invisible, childless Text elements.
• Fixed a PHP 7.4 parse error in the html-to-page tool.
• Fixed condition-editor dates selecting the previous day in time zones ahead of UTC.
• Fixed elements with many classes stretching the class chooser and pushing the Properties panel tabs out of view.
• Fixed the builder hanging when opening content whose template has no Template Content Area element.

Oxygen Elements

• Text Link now receives an is-active class when its URL matches the current page.
• Rebuilt the SVG Icon element to support modern icon libraries. Existing icons remain unchanged and appear as SVG Icon V1.

Breakdance Elements for Oxygen 6

The following changes require the Breakdance Elements for Oxygen 6 extension.

• Added Swiper and Swiper Slide elements.
• Added the Loop Cart Button element for custom Add to Cart buttons in loops and Components. WooCommerce is required; Breakdance WooCommerce for Oxygen is not required.
• Added MCP support for creating and editing Popups.
• Fixed Basic Slider image and overlay sizing being overridden by generic image styles.
• Removed outdated .breakdance prefixes from several elements’ default styles.
• Fixed a duplicate class attribute in the Comment Form email label.

Breakdance WooCommerce for Oxygen 6

The following change requires WooCommerce, Breakdance Elements for Oxygen 6, and Breakdance WooCommerce for Oxygen 6.

• Added an accordion layout to the Product Tabs element.