Wp Interactivity Api

This one's for building interactive WordPress blocks with the Interactivity API, the data-wp-* directive system that shipped in WordPress 6.5+. It covers the full lifecycle: scaffolding stores and actions, wiring up directives like data-wp-on and data-wp-bind, server-side rendering with wp_interactivity_state() to avoid hydration mismatches, and debugging when directives just sit there doing nothing. The procedure emphasizes pre-rendering state in PHP so your markup is correct before JavaScript loads, which is the right way to do this but easy to skip. Targets WordPress 6.9+ and assumes you're working in a filesystem agent with WP-CLI access. Solid if you're moving beyond static blocks or trying to figure out why your interactive block flickers on load.

Install to Claude Code

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