Does it support the latest WordPress 6.9 features?

Yes, it includes updated instructions for WordPress 6.9, including the deprecation of data-wp-ignore and support for unique directive IDs using the triple-dash separator.

Can it help with hydration errors?

Absolutely. The skill includes specific procedures to identify mismatches between server-rendered markup and client-side expectations that cause hydration flickers or inert directives.

Which directives can this skill help implement?

It covers all core directives including data-wp-interactive, data-wp-context, data-wp-bind, data-wp-class, data-wp-on, and data-wp-text.

Is specific tooling required to use this skill?

While it works with standard filesystems, it performs best in environments with Node.js and WP-CLI for automated project triage and build verification.

What is the WP Interactivity API skill?

It is a specialized capability for Claude Code that provides domain-specific guidance for building and debugging WordPress features using the Interactivity API framework.

WordPress Interactivity API Specialist

Name: WordPress Interactivity API Specialist
Author: Automattic

byAutomattic

•

Content Management

Facilitates building, debugging, and optimizing modern interactive Gutenberg blocks using the WordPress Interactivity API.

About

This skill empowers Claude to efficiently handle the WordPress Interactivity API, providing expert guidance on implementing data-wp-* directives, managing store states, and resolving hydration mismatches. It is particularly useful for developers building Gutenberg blocks that require performant, reactive frontend behaviors without full page reloads, ensuring compliance with WordPress 6.9+ standards and best practices for module-based view scripts and store definitions.

Key Features

Automated project triage to detect Interactivity API usage and configuration.
Debugging of store states, actions, and client-side hydration issues.
Optimization of viewScriptModule integration within block.json for modern builds.
Support for WordPress 6.9+ features including unique directive IDs and async actions.
Implementation of standard and custom Interactivity API directives like data-wp-bind and data-wp-on.
30 GitHub stars

Use Cases

Building reactive frontend components like accordions, modals, or live search interfaces.
Troubleshooting 'directives don't fire' errors and module loading failures in complex themes.
Migrating legacy jQuery or vanilla JS components to the official WordPress Interactivity store.

About

Key Features

Automated project triage to detect Interactivity API usage and configuration.
Debugging of store states, actions, and client-side hydration issues.
Optimization of viewScriptModule integration within block.json for modern builds.
Support for WordPress 6.9+ features including unique directive IDs and async actions.
Implementation of standard and custom Interactivity API directives like data-wp-bind and data-wp-on.
30 GitHub stars

Use Cases

Building reactive frontend components like accordions, modals, or live search interfaces.
Troubleshooting 'directives don't fire' errors and module loading failures in complex themes.
Migrating legacy jQuery or vanilla JS components to the official WordPress Interactivity store.