Skills
.Work. You
Rest

10up-interactivity-api

Community

Build reactive WordPress blocks without framework

Software Engineering#javascript#blocks#interactivity#wordpress#stores#directives#server-rendering
Authorpetenelson
Version1.0.0
Installs0

System Documentation

What problem does it solve?

WordPress developers often need to add client-side interactivity to blocks without pulling in a full JavaScript framework. The Interactivity API provides a lightweight model with directives, stores, and server-side rendering to drive interactive UI.

Core Features & Use Cases

  • Directive-driven binding with data-wp-* attributes to attach behavior without heavy wiring
  • Centralized state via stores and context for local to block interactivity
  • Server-rendered initial state for fast, accessible experiences
  • Use cases include accordions, tabs, modals, menus, and other interactive components

Quick Start

Enable interactivity for your block by configuring block.json for interactivity and loading the Interactivity API entry point.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: 10up-interactivity-api
Download link: https://github.com/petenelson/wp-rest-api-log/archive/main.zip#10up-interactivity-api

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.