🎯

wp-interactivity-api

🎯Skill

from automattic/agent-skills

VibeIndex|
What it does

Teaches AI assistants how to implement WordPress's Interactivity API using `data-wp-*` directives and state management stores for creating dynamic, interactive frontend experiences.

wp-interactivity-api

Installation

Install skill:
npx skills add https://github.com/automattic/agent-skills --skill wp-interactivity-api
39
Last UpdatedJan 26, 2026

Skill Details

SKILL.md

Overview

# Agent Skills for WordPress

Teach AI coding assistants how to build WordPress the right way.

Agent Skills are portable bundles of instructions, checklists, and scripts that help AI assistants (Claude, Copilot, Codex, Cursor, etc.) understand WordPress development patterns, avoid common mistakes, and follow best practices.

Agent Skills banner

Why Agent Skills?

AI coding assistants are powerful, but they often:

  • Generate outdated WordPress patterns (pre-Gutenberg, pre-block themes)
  • Miss critical security considerations in plugin development
  • Skip proper block deprecations, causing "Invalid block" errors
  • Ignore existing tooling in your repo

Agent Skills solve this by giving AI assistants expert-level WordPress knowledge in a format they can actually use.

Available Skills

| Skill | What it teaches |

|-------|-----------------|

| wordpress-router | Classifies WordPress repos and routes to the right workflow |

| wp-project-triage | Detects project type, tooling, and versions automatically |

| wp-block-development | Gutenberg blocks: block.json, attributes, rendering, deprecations |

| wp-block-themes | Block themes: theme.json, templates, patterns, style variations |

| wp-plugin-development | Plugin architecture, hooks, settings API, security |

| wp-interactivity-api | Frontend interactivity with data-wp-* directives and stores |

| wp-abilities-api | Capability-based permissions and REST API authentication |

| wp-wpcli-and-ops | WP-CLI commands, automation, multisite, search-replace |

| wp-performance | Profiling, caching, database optimization, Server-Timing |

| wp-phpstan | PHPStan static analysis for WordPress projects (config, baselines, WP-specific typing) |

| wp-playground | WordPress Playground for instant local environments |

| wpds | WordPress Design System |

Quick Start

Install into your repo

```bash

# Clone agent-skills

git clone https://github.com/Automattic/agent-skills.git

cd agent-skills

# Build the distribution

node shared/scripts/skillpack-build.mjs --clean

# Install into your WordPress project

node shared/scripts/skillpack-install.mjs --dest=../your-wp-project --targets=codex,vscode

```

This copies skills into:

  • .codex/skills/ for OpenAI Codex
  • .github/skills/ for VS Code / GitHub Copilot

Manual installation

Copy any skill folder from skills/ into your project's instructions directory for your AI assistant.

How It Works

Each skill contains:

```

skills/wp-block-development/

β”œβ”€β”€ SKILL.md # Main instructions (when to use, procedure, verification)

β”œβ”€β”€ references/ # Deep-dive docs on specific topics

β”‚ β”œβ”€β”€ block-json.md

β”‚ β”œβ”€β”€ deprecations.md

β”‚ └── ...

└── scripts/ # Deterministic helpers (detection, validation)

└── list_blocks.mjs

```

When you ask your AI assistant to work on WordPress code, it reads these skills and follows the documented procedures rather than guessing.

Compatibility

  • WordPress 6.9+ (PHP 7.2.24+)
  • Works with any AI assistant that supports project-level instructions

Contributing

We welcome contributions! This project is a great way to share your WordPress expertiseβ€”you don't need to be a coding wizard. Most skills are written in Markdown, focusing on clear procedures and best practices.

See [CONTRIBUTING.md](CONTRIBUTING.md) for details on how to get started.

Quick commands:

```bash

# Scaffold a new skill

node shared/scripts/scaffold-skill.mjs ""

# Validate skills

node eval/harness/run.mjs

```

Documentation

  • [Authoring Guide](docs/authoring-guide.md) - How to create and improve skills
  • [Principles](docs/principles.md) - Design philosophy
  • [Packaging](docs/packaging.md) - Build and distribution
  • [Compatibility Policy](docs/compatibility-policy.md) - Version targe

More from this repository10

🎯
wordpress-router🎯Skill

Classifies WordPress repositories and automatically routes AI assistants to the most appropriate development workflow based on project type, structure, and detected technologies.

🎯
wp-plugin-development🎯Skill

Teaches AI coding assistants best practices for WordPress plugin development, including proper plugin architecture, secure hook usage, settings API implementation, and security considerations.

🎯
wp-block-themes🎯Skill

Teaches AI coding assistants best practices for creating modern WordPress block themes, including `theme.json` configuration, template design, pattern creation, and style variations.

🎯
wp-wpcli-and-ops🎯Skill

Teaches AI assistants how to use WP-CLI for WordPress automation, multisite management, database operations like search-replace, and general WordPress operational tasks.

🎯
wp-project-triage🎯Skill

Automatically detects and classifies WordPress project types, tooling configurations, and version details to provide context-aware development guidance.

🎯
wp-abilities-api🎯Skill

Teaches AI assistants how to implement capability-based permissions and handle authentication for WordPress REST API endpoints, ensuring secure and granular access control.

🎯
wp-block-development🎯Skill

Teaches AI coding assistants best practices for creating Gutenberg blocks, including proper `block.json` configuration, attribute handling, rendering techniques, and managing block deprecations.

🎯
wp-performance🎯Skill

Provides guidance and techniques for optimizing WordPress performance, including database query optimization, caching strategies, profiling tools, and server-side performance tuning recommendations.

🎯
wp-playground🎯Skill

Enables AI assistants to quickly spin up and interact with local WordPress development environments using WordPress Playground for instant, ephemeral testing and configuration.

🎯
wp-phpstan🎯Skill

wp-phpstan skill from automattic/agent-skills