wp-interactivity-api
Handles WordPress Interactivity API development and debugging.
Setup & Installation
What This Skill Does
Handles WordPress Interactivity API development and debugging. Covers data-wp-* directives, store/state/actions via @wordpress/interactivity, block viewScriptModule integration, and server-side rendering with wp_interactivity_state(). Targets WordPress 6.9+ with PHP 7.2.24 or later.
Instead of manually tracing the directive-to-store pipeline across PHP, block.json, and JavaScript, this skill provides a structured checklist that covers server rendering, hydration alignment, and 6.9-specific breakages in one pass.
When to use it
- Fixing directives that are present in HTML but never fire on the frontend
- Setting up server-side state with wp_interactivity_state() to avoid layout shift on load
- Wiring a block's viewScriptModule to a store and confirming hydration works
- Migrating away from deprecated data-wp-ignore usage after the WordPress 6.9 changes
- Debugging client-side navigation issues where getServerState() returns stale values between page transitions
Similar Skills
ios-application-dev
A reference guide for building iOS apps with UIKit, SnapKit, and SwiftUI.
fullstack-dev
A workflow guide for building full-stack applications, covering backend architecture, frontend-backend integration, auth, real-time features, and production hardening.
android-native-dev
A reference guide for Android native development covering Kotlin/Compose patterns, Material Design 3 specs, Gradle project setup, and build troubleshooting.
frontend-dev
Builds complete frontend pages by combining UI design, scroll animations, AI-generated media assets, and copywriting into a single workflow.