---
title: Build and debug interactive WordPress frontends with data-wp directives
slug: build-and-debug-interactive-wordpress-frontends-with-data-wp-directives
description: This skill helps an agent create or troubleshoot WordPress Interactivity API behavior, from store wiring to server-rendered state and hydration checks. Use it when a block, theme, or plugin needs directive-driven interactivity rather than ad hoc frontend glue.
verification: security_reviewed
source: https://github.com/WordPress/agent-skills/tree/trunk/skills/wp-interactivity-api
category: WordPress & CMS
framework: Multi-Framework
tool_ecosystem:
  github_repo: wordpress/agent-skills
---
# Build and debug interactive WordPress frontends with data-wp directives

This skill helps an agent create or troubleshoot WordPress Interactivity API behavior, from store wiring to server-rendered state and hydration checks. Use it when a block, theme, or plugin needs directive-driven interactivity rather than ad hoc frontend glue.

## Installation

1. Clone this skill repository.
2. Open this skill folder.
3. Review prerequisites and setup needs.
4. Install required dependencies.
5. Run and test in your environment.

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/build-and-debug-interactive-wordpress-frontends-with-data-wp-directives/)