Does it work with custom build configurations?

While it prefers the standard @wordpress/scripts conventions, it can provide guidance for custom Webpack or Vite setups to ensure module output compatibility.

What version of WordPress does this skill support?

This skill is optimized for WordPress 6.9 and above, including support for the latest features like multiple directive IDs and improved TypeScript types.

How does it handle the deprecation of data-wp-ignore?

The skill follows WordPress 6.9 guidelines, avoiding data-wp-ignore in favor of better context inheritance and stable directive mapping.

Can this skill help with hydration errors?

Yes, it specifically analyzes mismatches between server-rendered markup and client-side state to ensure seamless hydration and prevent UI flickering.

WordPress Interactivity API

Name: WordPress Interactivity API
Author: pauljacobson

bypauljacobson

0•

内容管理

Builds and debugs interactive WordPress blocks and frontend features using the native Interactivity API framework.

This skill provides specialized guidance for developing, debugging, and optimizing WordPress features using the Interactivity API. It assists developers in implementing reactive frontend behaviors via directives, managing global and local state stores, and resolving complex hydration issues. Whether you are scaffolding a new interactive block with viewScriptModule or troubleshooting why directives are not firing in the frontend, this skill ensures your implementation aligns with the latest WordPress standards and performance best practices.

主要功能

010 GitHub stars

02Integrates with @wordpress/interactivity and modern viewScriptModule patterns

03Implements and debugs WordPress Interactivity API directives like data-wp-interactive and data-wp-bind

04Manages store state, actions, and callbacks for reactive block behaviors

05Resolves hydration mismatches and client-side navigation issues between server and client

06Optimizes performance by scoping interactive roots and minimizing DOM overhead

使用场景

01Debugging 'directives don't fire' errors or hydration flickering in production environments

02Creating high-performance, reactive Gutenberg blocks with complex frontend state management

03Migrating legacy jQuery or vanilla JS logic to the official WordPress Interactivity API standard

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add pauljacobson/hebrew-dates-wp-admin wp-interactivity-api

For use in Claude.ai and ChatGPT

Download Skill