elementor/get-style-guide builds a style-guide summary from the active Elementor kit: global colours, typography, buttons, form defaults, layout and custom CSS.
It is the kit read, organised as a designer would ask for it.
At a glance
| Ability | elementor/get-style-guide |
| Toolset | Elementor — toolset/elementor |
| Group | Elementor › Discovery & Guidance |
| Requires | Elementor, active on the site |
| Capability | manage_options |
| Safety | Read-only — changes nothing |
| Repeatable | Idempotent — running it twice leaves the same result |
| Ships in | AcrossAI Abilities Manager 0.0.34 and later |
How it works
The kit settings object is organised the way Elementor stores things. A style guide is organised the way somebody designing a page thinks: what colours may I use, what type scale exists, what does a button look like.
That reorganisation is the whole value. Building a new section consistent with a site means using its globals, and using them means knowing what they are called and what they look like.
It is also the fastest way to spot that a site has no coherent system. A kit with three greys named “Color 4”, “Color 5” and “Color 6” and no typography definitions is a site where every element carries local overrides, which explains a great deal about why it is hard to change.
Read this before authoring anything, and before importing a template from elsewhere — a template that looked right on another site looked right against that site’s kit.
Input
This ability takes no input.
What comes back
| Name | Type | What it is |
|---|---|---|
colors | array | The global colours with their names. |
typography | array | The global typography definitions. |
buttons | object | Button styling. |
forms | object | Form defaults. |
layout | object | Content width and layout defaults. |
custom_css | string | Site-wide custom CSS. |
success | boolean | Whether the call completed. |
message | string | A one-line summary of what happened, suitable for showing a human. |
error_code | string | Present only on failure — a stable machine-readable reason, such as a missing field, a wrong field type or an unmet confirmation. |
Example
Ask your assistant:
What is our design system in Elementor?
It resolves to one call:
{
"ability": "elementor/get-style-guide",
"parameters": {}
}Worth knowing
- Read it before authoring, so new work uses the globals.
- A kit with unnamed colours and no typography means a site of local overrides.
- Explains why an imported template looks different here.
- Read-only.
Related abilities
- Get Elementor Kit Settings — the raw settings
- Update Elementor Kit Settings — change the system
- Add Elementor Heading — authoring that should use these
Get the plugins:
AcrossAI Abilities Manager · AcrossAI MCP Manager
Browse the rest: Every ability, by category