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)?"

在構建或調試 WordPress 交互 API 功能時使用：data-wp-* 指令、@wordpress/interactivity store/state/actions、塊 viewScriptModule 集成、性能、水合作用和指令行為。 來源：vapvarun/claude-backup。

查看原文