Saving and managing ACSS Kits

Kits let you save your current Automatic.css (ACSS) configuration into a portable, reusable package. Think of a kit as a snapshot of your ACSS settings at a point in time.

You can create and manage kits in two places:

• In the AI client (natural language)
• In the page builder UI (ACSS sidebar)

All saved kits are available in WordPress admin at Schema → Kits.

Save a kit

Save a kit from the ACSS sidebar

1. Open your page builder editor.
2. Open the ACSS sidebar.
3. Scroll to the bottom and open the Schema tab.
4. Click Save as Kit.
5. Enter a name, then confirm.

Save a kit using the agent

You can also save your current ACSS configuration from the IDE or AI client by asking the agent.

Example:

“Save the current config as a kit called Client A v1.”

The agent will call the relevant tool and create a new kit from the site’s current ACSS config.

Apply a kit

Applying a kit overwrites the site’s current ACSS settings with the kit’s settings.

Apply a kit from the Kits page

1. Go to Schema → Kits.
2. Find the kit you want to use.
3. Click Apply.

Apply a kit using the agent

You can apply a kit with natural language.

Example:

“Apply the wireframe kit.”

Example prompts

“Save my current ACSS configuration as a kit named Client Alpha.”

“Apply the new colors to the site. First make a backup of the ACSS setup.”