How does it handle block registration?

It prefers server-side PHP registration using metadata, which enables features like conditional asset loading and better translation support.

Which WordPress versions are compatible with this skill?

This skill targets WordPress 6.9 and higher, utilizing apiVersion 3 and modern filesystem-based registration patterns.

Can this skill help fix 'Invalid Block' errors in the editor?

Yes, it includes specific procedures for handling block deprecations and migrations to ensure older content remains valid after code changes.

Does it support the WordPress Interactivity API?

Absolutely. It provides guidance on implementing interactive frontend behaviors and modern module-based scripts.

WordPress Block Development

Name: WordPress Block Development
Author: Automattic

byAutomattic

•

コンテンツ管理

Streamlines the creation, maintenance, and migration of WordPress Gutenberg blocks using modern standards and build tools.

The WordPress Block Development skill provides a specialized framework for building high-quality Gutenberg blocks. It automates the scaffolding process with @wordpress/create-block, manages complex block.json metadata, and ensures compliance with apiVersion 3 for optimal performance in the iframed editor. Whether you are building static blocks, dynamic server-side components, or interactive frontend experiences using the Interactivity API, this skill helps manage attributes, registration patterns, and crucial block deprecations to prevent 'Invalid block' errors and ensure long-term stability.

主な機能

01Robust migration workflows for block deprecations and attribute updates

02Integration with @wordpress/scripts, wp-env, and modern build workflows

03Comprehensive support for apiVersion 3 and iframed editor compatibility

04Implementation of both static save() and dynamic PHP rendering patterns

05Automated block scaffolding and metadata management via block.json

0630 GitHub stars

ユースケース

01Fixing block validation errors and managing complex attribute migrations

02Scaffolding and developing custom Gutenberg blocks for themes and plugins

03Implementing modern Interactivity API features and viewScriptModule assets

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add automattic/agent-skills wp-block-development

For use in Claude.ai and ChatGPT

Download Skill