From wp-agent-skills
Update the site's global design tokens — colors, typography, spacing — in theme.json. Use when the user wants to change the site's color scheme, switch fonts, adjust sizing, or restyle the entire site. A single run propagates the change everywhere. Examples of triggers: "make it darker", "change the accent to rose", "use a bigger body font", "switch to a serif headline font".
npx claudepluginhub antonysilverhand/wp-agent-skills --plugin wp-agent-skillsThis skill is limited to using the following tools:
Update global design tokens. All visual decisions in the site flow from `theme.json` — changing a token changes the entire site.
Acquire memory dumps from live systems/VMs and analyze with Volatility 3 for processes, networks, DLLs, injections in incident response or malware hunts.
Provides x86-64/ARM disassembly patterns, calling conventions, control flow recognition for static analysis of executables and compiled binaries.
Identifies anti-debugging checks like IsDebuggerPresent, NtQueryInformationProcess in Windows binaries; suggests bypasses via patches/hooks/scripts for malware analysis, CTFs, authorized RE.
Update global design tokens. All visual decisions in the site flow from theme.json — changing a token changes the entire site.
Fetch the file. Display the current state:
Map plain-English requests to specific token changes:
| User says | Change |
|---|---|
| "darker", "moodier" | background → deep dark, foreground → near-white, surface → slightly lighter dark |
| "warmer" | shift background toward warm off-white, accent toward amber/terracotta |
| "accent to [color]" | update accent hex; derive accent-muted at 60% opacity on background |
| "bigger type" | increase clamp values by ~20% across the scale |
| "serif headlines" | swap display font to Cormorant Garamond, Playfair Display, or EB Garamond |
| "more minimal" | reduce accent contrast, increase spacing scale, lighten surface |
For every color change, verify WCAG AA:
foreground on background: minimum 4.5:1accent used as text: minimum 4.5:1 on backgroundReport the ratio. Flag any failures — don't apply a palette that fails contrast.
BEFORE → AFTER
background: #F9F8F5 → #0F0F0F
foreground: #2C2C2C → #F5F5F0
accent: #B8A99A → #E8FF00
...
Ask: "Apply this change?" This is irreversible without git — confirm first.
Update theme.json. If a font changed, also update the @import in style.css.
For Google Fonts: use @import url('https://fonts.googleapis.com/css2?family=...').
wp cache flush # clear block editor cache so new tokens appear immediately
Fetch the frontend and check the CSS custom properties match new values:
curl -s "$WP_SITE_URL" | grep "var(--wp--preset--color--accent)"
style="color:#...", it won't update. After a palette change, run wp-update-section to remove hardcoded overrides.body styles, otherwise fallbacks flash on load.clamp() values in fontSizes are ignored by the classic editor. If Lavon ever uses the classic editor, add a matching px fallback.theme.json aggressively. wp cache flush alone is sometimes not enough — also clear browser cache or use Ctrl+Shift+R after updating.Before/after token table. Contrast ratio for foreground/background and accent/background. Note any patterns with hardcoded values that now conflict.