Wp Interactivity Api

This one's built for anyone wrestling with WordPress's Interactivity API, the data-wp-* directive system that powers modern interactive blocks. It walks you through the full stack: detecting existing usage, wiring up stores and actions, server-side rendering with wp_interactivity_state() to avoid hydration flicker, and debugging when directives just sit there doing nothing. The guidance on PHP-side derived state is especially solid, it prevents that annoying layout shift when something like a visibility toggle depends on computed values. Covers WordPress 6.9 changes too, including the deprecation of data-wp-ignore and new async action types. If you're building or fixing interactive blocks and keep Googling hydration problems, this will save you hours.

Install to Claude Code

npx -y skills add wordpress/agent-skills --skill wp-interactivity-api --agent claude-code