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.

원본 보기