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 Interactivity API 機能を構築またはデバッグするときに使用します: data-wp-* ディレクティブ、@wordpress/interactivity store/state/actions、ブロック viewScriptModule 統合、パフォーマンス、ハイドレーション、およびディレクティブの動作。 ソース: vapvarun/claude-backup。

原文を見る