wp-block

Scaffold Gutenberg blocks with block.json, PHP registration, and React components.

14|1|Updated Mar 30, 2026

Search Tags:#react #php #wordpress #gutenberg #block-development #block.json #wp-scripts

Ready to run

npx skills add https://github.com/wpgaurav/WordPress-skills --skill wp-block

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: wp-block
Source: https://github.com/wpgaurav/WordPress-skills/tree/main/skills/wordpress/wp-block
Command: npx skills add https://github.com/wpgaurav/WordPress-skills --skill wp-block

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

WordPress plugin developers often spend time scaffolding Gutenberg blocks from scratch. This Skill provides a ready-to-use scaffold that includes block.json, PHP registration, and React components, reducing boilerplate and setup time.

Core Features & Use Cases

Scaffolds block.json with correct metadata and attributes.
Registers PHP block type for server rendering or dynamic blocks.
Provides starter React components (edit/save) and wiring to wp-scripts for development.

Quick Start

Run the scaffolding workflow to create a new Gutenberg block with the standard files in place.

Frequently Asked Questions about wp-block

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I scaffold a Gutenberg block for a WordPress plugin?▼

To scaffold a Gutenberg block, use the wp-block Skill to automate the creation of block.json metadata, PHP registration, and React-based editor components, reducing manual boilerplate setup for WordPress plugins.

What files are needed to register a dynamic Gutenberg block with PHP and React?▼

Registering a dynamic Gutenberg block requires block.json for metadata, a PHP file for server-side block type registration, and React components for the editor interface, all wired together using wp-scripts workflows.

Can I build both static and dynamic WordPress blocks using this scaffolding approach?▼

Yes, this scaffolding approach supports both static and dynamic WordPress blocks by generating the necessary PHP block type registration for server rendering alongside starter React edit and save components.

Do I need Node.js and PHP environments to develop Gutenberg blocks with wp-scripts?▼

Yes, developing Gutenberg blocks with wp-scripts requires both Node.js and PHP environments, along with familiarity with WordPress block APIs, to compile React components and handle server-side registration.

What is the best way to reduce boilerplate when creating block.json for custom WordPress blocks?▼

The best way to reduce block.json boilerplate is to run an automated scaffolding workflow that generates the correct metadata, attributes, and standard file structure for your custom WordPress blocks instantly.

Why does my custom Gutenberg block need block.json metadata and PHP registration?▼

Your custom Gutenberg block needs block.json metadata to define attributes for the editor and PHP registration to enable server-side rendering or dynamic block behavior within the WordPress plugin architecture.