Generate a working Automatic.css configuration from a screenshot, raw HTML+CSS, or a live URL — validated against real ACSS rules before anything is saved.
Point ACSS Pro at an image, raw HTML+CSS, or a live URL and it returns a validated ACSS config — palette, type ramp and space ramp — that passes contrast, scale and luminance checks. Nothing is written to your site until you approve it.
ACSS Pro doesn't just guess values — it enforces the same rules a senior design engineer would, then blocks anything that fails. You get a system that is coherent, accessible and on-brand by construction.
A screenshot, raw HTML+CSS, or a live URL.
Colors, type and spacing map to ACSS palette, type ramp & space ramp.
Contrast, modular scale and luminance gaps are enforced.
Review the diff, then write it to ACSS — only on your OK.
The checks that keep generated output coherent, accessible and on-system.
Heading/body pairs are tested and corrected to pass AA.
Type ramps are constrained to sane ratios (1.067–1.618).
Neutral light/dark ramps must differ by ≥ 80% luminance.
Brand colors are checked so they never collapse into each other.
Rendered CSS is audited for drift away from your tokens.
Nothing is persisted until you review and approve the diff.
| Tool | Type | What it does |
|---|---|---|
| nibwp/acss-pro-from-design | write | Generate a full ACSS config from a screenshot, HTML+CSS or URL. |
| nibwp/acss-pro-detect | read | Detect the current ACSS setup and framework version. |
| nibwp/acss-pro-audit-site | read | Audit rendered CSS for drift from your ACSS tokens. |
| nibwp/acss-pro-validate-config | read | Validate a config against contrast, scale & luminance rules. |
| nibwp/acss-pro-update-variables | destructive | Persist approved palette, type & space variables to ACSS. |
It generated a full ACSS config from one screenshot — and it actually passed contrast.
The drift audit caught tokens we'd broken months ago.
Half a day of palette work, gone. This is the future.
Yes — ACSS Pro generates and validates configurations for Automatic.css on your site.
Never without approval. You review a diff and choose to persist.
Clean screenshots and live URLs work great; raw HTML+CSS gives the most precise extraction.
Yes — ACSS Pro and the other three Pro Skills are included in the Bundle.
ACSS Pro is included in the Bundle, or available as a standalone Pro Skill.