wp-interactivity-api

SKILL.md

| data-wp-interactive | Activate interactivity on element | data-wp-interactive="my-plugin" | | data-wp-context | Provide local state | data-wp-context='{"isOpen": false}' | | data-wp-bind--attr | Bind attribute to state | data-wp-bind--aria-expanded="state.isOpen" | | data-wp-on--event | Handle events | data-wp-on--click="actions.toggle" |

| data-wp-class--name | Toggle CSS class | data-wp-class--is-open="state.isOpen" | | data-wp-text | Set text content | data-wp-text="state.count" | | data-wp-watch | Run side effects | data-wp-watch="callbacks.logChanges" |

If build constraints are unclear, ask: "Is this using @wordpress/scripts or a custom bundler (webpack/vite)?"

Use when building or debugging WordPress Interactivity API features: data-wp-* directives, @wordpress/interactivity store/state/actions, block viewScriptModule integration, performance, hydration, and directive behavior. Source: vapvarun/claude-backup.

View raw