Does it support the WordPress Interactivity API?

Yes, the skill includes guidance on implementing interactive frontend behaviors using data-wp-* directives and modern viewScriptModule patterns.

Is @wordpress/scripts required to use this skill?

While it can help with various block tasks, it is optimized to work with the standard @wordpress/scripts package for building, linting, and testing your block code.

What is the primary benefit of this Claude Code skill?

It provides a standardized workflow for WordPress block development, ensuring your blocks follow the latest core standards, reducing 'Invalid Block' errors, and simplifying the use of build tools.

How does it handle block migrations?

The skill follows a specific procedure for adding deprecated versions of blocks, allowing you to change markup or attributes without breaking existing content in the WordPress editor.

WordPress Block Development

Name: WordPress Block Development
Author: javiercasares

byjaviercasares

•

コンテンツ管理

Streamlines the creation and maintenance of WordPress Gutenberg blocks using modern block.json standards and build workflows.

The WordPress Block Development skill provides a comprehensive framework for building custom Gutenberg blocks, ensuring compatibility with WordPress 6.9+ and apiVersion 3 standards. It automates the scaffolding of new blocks, manages complex attribute serialization, and handles block deprecations to prevent editor invalidation. Whether you are implementing server-side dynamic rendering or modern Interactivity API features, this skill guides you through the entire lifecycle—from initial triage and registration to deployment using @wordpress/scripts and wp-env.

主な機能

01Advanced attribute serialization and block deprecation handling

0234 GitHub stars

03Automated block scaffolding with @wordpress/create-block templates

04Integration with modern build toolchains like @wordpress/scripts and wp-env

05Comprehensive block.json management including apiVersion 3 migrations

06Dynamic rendering implementation via PHP render_callback and render.php

ユースケース

01Resolving 'Block Invalid' errors through proper migration and deprecation paths

02Migrating legacy WordPress blocks to modern metadata-based registration

03Building custom WordPress editor blocks with modern interactive features

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add javiercasares/wpvulnerability wp-block-development

For use in Claude.ai and ChatGPT

Download Skill