wp-interactivity-api

Build and debug WordPress Interactivity API directives, stores, and hydration.

1|Updated Mar 6, 2026

Search Tags:#debugging #store #interactivity #hydration #wordpress #server-side-rendering #directive

Ready to run

npx skills add https://github.com/zenbuapps/zenbu-powers --skill wp-interactivity-api-zenbuapps

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: wp-interactivity-api
Source: https://github.com/zenbuapps/zenbu-powers/tree/main/skills/wp-interactivity-api
Command: npx skills add https://github.com/zenbuapps/zenbu-powers --skill wp-interactivity-api-zenbuapps

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill provides a structured approach to building and debugging WordPress Interactivity API directives, stores, and hydration, accelerating reliable UI behavior across blocks, themes, and plugins.

Core Features & Use Cases

Directive handling and store/state management for data-wp-interactive, data-wp-context, and related directives.
Guidance on server-side rendering and hydration to ensure correct initial markup and smooth client-side takeover.
Debugging workflows, tooling references, and best practices to diagnose and fix interactivity issues in WordPress projects.

Quick Start

Begin by locating existing interactivity usage with data-wp-interactive and verify the view script module loads correctly.

Frequently Asked Questions about wp-interactivity-api

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I use WordPress Interactivity API directives like data-wp-interactive and data-wp-context?▼

WordPress Interactivity API directives like data-wp-interactive and data-wp-context are handled through structured store and state management, ensuring reliable UI behavior across blocks, themes, and plugins. This approach provides structured directive handling for interactive elements.

What is server-side rendering and hydration in WordPress interactivity?▼

Server-side rendering and hydration in WordPress interactivity ensure correct initial markup is generated server-side before a smooth client-side takeover occurs. This process guarantees that the initial HTML matches the expected interactive state for seamless hydration.

Does the WordPress Interactivity API work with existing blocks and themes?▼

The WordPress Interactivity API works with blocks, themes, and plugins that utilize data-wp-interactive, data-wp-context, and viewScriptModule integration. It provides structured directive handling and server-side state initialization for these existing project types.

What's the best way to debug WordPress Interactivity API issues?▼

The best way to debug WordPress Interactivity API issues involves using specialized debugging workflows, tooling references, and best practices to diagnose and fix interactivity problems. This includes verifying that the view script module loads correctly.

Why does my WordPress interactivity view script module fail to load correctly?▼

WordPress interactivity view script module issues often stem from incorrect viewScriptModule integration or misconfigured server-side state initialization. Diagnosing these interactivity issues requires verifying the script loads correctly and checking data-wp-interactive usage.