Ready for ACSS 4.0
Schema is based on the latest ACSS architecture and works with version 4.0 of ACSS.
Demov1.3.0released
AI infrastructure for Automatic.CSS
Manage the ACSS design system from your AI clients, using an intuitive toolkit for agent-driven design. Works with Claude, Cursor, ChatGPT, or any MCP-compatible client.
> Save my current ACSS settings as a Kit> Get the ACSS styles from Figma and sync with the live site> Create an ACSS theme for a demo studio> Build the basic pages from the project brief> Increase the spacing rhythm> Save my current ACSS settings as a Kit> Get the ACSS styles from Figma and sync with the live site> Create an ACSS theme for a demo studio> Build the basic pages from the project brief> Increase the spacing rhythm
> Suggest an ACSS theme based on the project brief> Create a pricing layout using existing patterns> Enable Color Scheme support> Suggest a new palette and font family> Inspect the component library> Suggest an ACSS theme based on the project brief> Create a pricing layout using existing patterns> Enable Color Scheme support> Suggest a new palette and font family> Inspect the component library
> Create a style guide in HTML based on the current ACSS setup> Enable the Card Framework> Increase the typographic scale for headings> Summarize background and text colors> Review responsive behavior> Create a style guide in HTML based on the current ACSS setup> Enable the Card Framework> Increase the typographic scale for headings> Summarize background and text colors> Review responsive behavior
Works with
ETCH
bricks
Works with AI and ACSS
For Agencies and Freelancers working with AI and ACSS at scale
Save ACSS settings as reusable kits
Re-use, experiment and fork your design by saving and managing ACSS configurations as re-usable kits.
Expose ACSS to agents
Let agents work with Automatic.CSS directly at your connected sites. Pull and push updates, generate ideas.
Fetch from Figma, push to website
Use Figma MCP and Schema to fetch your variable architecture and push to your live website.
Generate ACSS styles from context
Describe the project, upload a brief, or paste a color palette. Let the agent propose a starting configuration and push directly to your connected site.
Page-builder agnostic
Schema works with Etch and Bricks, or any builder that supports ACSS 4.0.
Remote ACSS Kits library
Access your ACSS library from any of your connected sites. Import any Kit with a few clicks. For Bricks and Etch.
For Etch: Kits and Pattern Library
If you are using Etch, you can generate and deploy layouts from your agent session, using your existing collection of context-aware patterns.
Workflow
Connect and manage Automatic.CSS from where your project context lives
Context-aware design for ACSS
Interact with ACSS inside Claude, ChatGPT, Cursor and more. Generate styles based on your project brief or explore design directions through conversation. Approve and push to your live ACSS setup.
Save ACSS configurations as re-usable kits
Save any configured ACSS setup as a named kit. Load it on any site instantly, with an auto-backup taken before anything is overwritten. Build a library of proven ACSS setups and branch-off as you need.
Pull and push ACSS styles to your connected sites
Read the live ACSS configuration from any WordPress site into your AI session. Make changes, preview and deploy back to live. Every change is logged and reversible.
Generate layouts in Etch based on your existing pattern library
Provide context to your existing patterns, and ask the agent to generate layouts by combining your pattern material. Token-efficient, fast and predictable results.
Sync styles from Figma
Pull your variable architecture from Figma and map tokens directly to your ACSS configuration. Schema comes with a Figma template that you can optionally use to optimize this process.
Early bird pricing – ending soon
Lock-in the lowest price and lifetime unlimited access
Early bird pricing ends in September and the unlimited tier does not carry over.
$39.00
One connected site
For website owners who want the efficiency of an agentic workflow for ACSS and Etch for their website.
- Manage ACSS from your agent interface
- Save ACSS settings as reusable Kits
- Works with EtchWP and Bricks
- Lifetime updates and support
- Figma template
$99.00
Unlimited connected sites
For agencies and freelancers who look to optimize their project workflows at scale.
- Manage ACSS from your agent interface
- Save ACSS settings as reusable Kits
- Works with EtchWP and Bricks
- Lifetime updates and support
- Share ACSS Kits across connected sites
14-day refund window
FAQs
Questions about Schema?
What is Schema?
SchemaWP connects AI-assisted workflows with your Automatic.CSS configuration and keeps changes inspectable and reversible.
Is Schema the same as the Etch Connector? Do I need both?
No. SchemaWP manages Automatic.CSS configuration, while the Etch Connector works with Etch-owned content, components and styles.
Does it work with Bricks?
Yes. SchemaWP can work with ACSS sites built with Etch, Bricks and other supported builders.
What is Automatic.CSS?
Automatic.CSS is the native design-system framework that supplies the site’s semantic colors, spacing, typography and component tokens.
Who is this for?
It is for agencies, freelancers and site owners who want consistent ACSS configuration across connected WordPress sites.
Do I need a specific AI tool?
No. The workflow can be used from MCP-compatible clients such as Claude, ChatGPT and Cursor.
Does Schema create layouts?
SchemaWP manages ACSS configuration. Layouts remain owned by Etch or the active page builder.
Is there support if I need help?
Yes. Documentation and support resources are available from the SchemaWP site.
Get Lifetime deal before pricing changes
SchemaWP is a lifetime license: $39 for a single site, $99 for unlimited connected sites. Early bird pricing ends in September, and the unlimited tier does not carry over.
Get SchemaWP