Agent Skills give the agent domain knowledge for working correctly with each area of Automatic.css.
You can customize any skill’s instructions to better match your workflow.
New skills are actively being developed. Keep an eye on this page.
Where to find it
WordPress admin → Schema → Context → Agent Skills
How it works
- Skills are only loaded on demand.
- Before the agent works in — or advises on — an area (colors, spacing, typography, and so on), it loads the matching skill.
- Skills provide the “rules of the road” so the agent does not have to guess how ACSS works.
Skills available
In Context → Agent Skills, you will see a list of skills. Each skill includes a short summary of what it covers.
Skill summaries
- Colors — the color palette, shades, and how colors are built.
- Color Assignments — where colors are applied: backgrounds, text, buttons, icons, and links.
- Typography — type scale, heading and body sizes, and font choices.
- Spacing — the spacing scale and section spacing.
- Borders & Dividers — corner roundness, borders, and dividers.
- Cards — card styling and options.
- Icons — icon sizes, colors, and options.
- Buttons & Links — button styles, color variants, and link styling.
- Shadows — box, text, and drop shadow styles.
- Surfaces & Overlays — section backgrounds and overlay layers.
- Forms — form field, label, and state styling.
- Animations — entrance, exit, scroll, and hover effects.
- Font Manager — loading and assigning Google Fonts.
- Figma Inference — reading a Figma design and matching its values.
- Style Guide — generating a visual style guide of your design system.
- Layout — page width, container width, and gutters.
- Pattern Page Builder — building pages from your saved block patterns.
- Additional Styling — extras like blockquotes, focus styles, text selection, and scroll offsets.
- Custom CSS — the custom CSS escape hatch, handled carefully so your existing CSS is never overwritten.
- Options — global plugin and builder toggles, including sensitive maintenance settings.
Viewing and editing a skill
- Click View to open the skill details.
- Click Edit to customize the skill instructions.
- If you make changes and want to go back, use Reset to restore the default skill content.
Skills affect how the agent behaves. Only edit a skill if you have a specific reason.