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

•

コンテンツ管理

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

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.

主な機能

01Automated project triage to detect Interactivity API usage and configuration.

02Debugging of store states, actions, and client-side hydration issues.

03Optimization of viewScriptModule integration within block.json for modern builds.

04Support for WordPress 6.9+ features including unique directive IDs and async actions.

05Implementation of standard and custom Interactivity API directives like data-wp-bind and data-wp-on.

0630 GitHub stars

ユースケース

01Building reactive frontend components like accordions, modals, or live search interfaces.

02Troubleshooting 'directives don't fire' errors and module loading failures in complex themes.

03Migrating legacy jQuery or vanilla JS components to the official WordPress Interactivity store.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add automattic/agent-skills wp-interactivity-api

For use in Claude.ai and ChatGPT

Download Skill