Does this skill support the WordPress Interactivity API?

Yes, it includes specific patterns for interactive frontend behavior and supports viewScriptModule for modern module-based scripts.

Is it compatible with the latest WordPress versions?

Yes, it targets WordPress 6.9+ and emphasizes apiVersion 3 to ensure blocks work correctly within the iframed editor and modern themes.

Does it require specific build tools?

The skill is designed to work with standard WordPress tooling, primarily @wordpress/scripts, npm workflows, and wp-env for local development.

Can it help fix 'This block contains unexpected or invalid content' errors?

Absolutely. The skill provides specific procedures for block deprecations and migrations to resolve serialization mismatches and attribute changes.

WordPress Block Development

Name: WordPress Block Development
Author: Xilonz

byXilonz

•

Content Management

Develops and maintains custom WordPress Gutenberg blocks with support for modern block standards, dynamic rendering, and complex migrations.

This skill empowers developers to build, debug, and optimize WordPress blocks using industry-standard patterns. It handles the complete block lifecycle, from scaffolding with @wordpress/create-block to managing block.json metadata, implementing server-side rendering, and handling sophisticated block deprecations. Whether you are working on static components, dynamic server-rendered blocks, or interactive frontend experiences using the Interactivity API, this skill ensures compatibility with WordPress 6.9+ and follows best practices for attribute serialization and editor iframing.

Key Features

01Implement dynamic rendering with PHP render_callback and render.php patterns.

02Scaffold new blocks using @wordpress/create-block and modern templates.

03Configure Interactivity API support and modern viewScriptModule patterns.

04Manage block.json metadata and ensure apiVersion 3 compatibility for the iframed editor.

05Handle complex block migrations and deprecations to prevent validation errors.

062 GitHub stars

Use Cases

01Creating custom container blocks with InnerBlocks support and advanced attributes.

02Debugging and resolving 'This block contains unexpected or invalid content' errors.

03Migrating legacy blocks to modern standards to fix editor layout and styling issues.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add xilonz/gemini-wordpress-agent-skills wp-block-development

For use in Claude.ai and ChatGPT

Download Skill