Can this skill help with dynamic server-side blocks?

Yes, it provides specific guidance for implementing dynamic rendering using render.php or the render_callback function in PHP registration.

What version of WordPress does this skill support?

This skill targets WordPress 6.9 and higher, focusing on apiVersion 3 standards and compatibility with the modern iframed post editor.

How does it handle 'Invalid Block' errors?

It uses a structured deprecation process that provides old 'save' methods and migration scripts to ensure existing content remains editable when you change your block's markup.

Does it support the Interactivity API?

Yes, the skill includes patterns for modern frontend behaviors, including the use of viewScriptModule and data-wp-* directives.

WordPress Block Development

Name: WordPress Block Development
Author: stefanhoth

bystefanhoth

0•

内容管理

Streamlines the creation, configuration, and maintenance of WordPress Gutenberg blocks using modern block.json standards.

This skill provides a comprehensive toolkit for developing WordPress blocks, covering everything from initial scaffolding with @wordpress/create-block to managing complex lifecycle tasks like attribute serialization and block deprecations. It ensures compliance with WordPress 6.9+ standards (apiVersion 3), handles dynamic rendering via PHP, and facilitates the use of the Interactivity API. Whether you are fixing 'invalid block' errors or implementing nested InnerBlocks, this skill provides the domain-specific guidance needed to build production-grade Gutenberg components.

主要功能

01Managed migration to apiVersion 3 for full compatibility with the iframed WordPress editor.

02Implementation of dynamic rendering patterns using render.php and server-side registration.

030 GitHub stars

04Automated block scaffolding and directory structure setup using @wordpress/scripts.

05Robust handling of block.json metadata, including attributes, supports, and view scripts.

06Advanced deprecation workflows to prevent block validation errors during markup updates.

使用场景

01Refactoring legacy blocks to support modern WordPress features like the Interactivity API or block modules.

02Troubleshooting and fixing 'Block contains unexpected or invalid content' errors in the editor.

03Developing custom Gutenberg blocks for plugins or themes with complex attribute requirements.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add stefanhoth/ai-transcripts-for-podlove wp-block-development

For use in Claude.ai and ChatGPT

主要功能

01Managed migration to apiVersion 3 for full compatibility with the iframed WordPress editor.

02Implementation of dynamic rendering patterns using render.php and server-side registration.

030 GitHub stars

04Automated block scaffolding and directory structure setup using @wordpress/scripts.

05Robust handling of block.json metadata, including attributes, supports, and view scripts.

06Advanced deprecation workflows to prevent block validation errors during markup updates.

使用场景

01Refactoring legacy blocks to support modern WordPress features like the Interactivity API or block modules.

02Troubleshooting and fixing 'Block contains unexpected or invalid content' errors in the editor.

03Developing custom Gutenberg blocks for plugins or themes with complex attribute requirements.