Workflow infrastructure for Automatic.CSS
Manage the ACSS design system from your AI clients, using an intuitive toolkit for agentic design. Works with Claude, Cursor, ChatGPT, or any MCP-compatible client.
Features
For Agencies and Freelancers working with ACSS at scale
Ready for ACSS 4.0
Schema is based on the latest ACSS architecture and works with version 4.0 of ACSS. That's how early we are.
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 figma variable architecture and push to your live website.
Generate ACSS settings 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.
Generate layouts in EtchWP, based on your existing pattern library
Generate and deploy layouts from your agent session, using your existing collection of patterns. Add context
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 design system 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 existing pattern material. Token-efficient, fast and predictable results.
New
Pattern Library in EtchWP
Manage your Patterns inside the Etch editor with this new integration that brings your patterns into your workflow with visual previews and agent context.
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.
FAQs
Questions about Schema?
Product Roadmap
Planned
Share kits across sites
Share saved ACSS kits with multiple client sites
Share patterns across sites
Share patterns across multiple client sites
Kits Library
Ready to import ACSS kits
Custom Skills
Allows the creation of user-generated skills
Upcoming
ACSS theme composer skill
A little framework for inferring ACSS themes for niches.
More MCP tools
Expand MCP tools for extra agent capabilities
Import / Export
Options that allow users to import and export kits, patterns, settings.
Doing
Refactor Skills
Rewrite and Simplify skills logic, for more efficient reasoning and output
Extend Patchable keys
Extend the number of ACSS keys that agents can patch on a website
Lock-in all features in exclusive lifetime pricing
Get Lifetime Access