skills.rest
WesleySmits
WesleySmitsCOMMUNITY
Explore all skills by this author →
Website𝕏@iamwesleysmitsGitHub

native-block-development

Scaffold native WordPress blocks with block.json and render.php templates.

Updated Jan 5, 2026
Search Tags:#typescript#php#wordpress#fse#block-development#block-json
One-click install
npx skills add https://github.com/WesleySmits/oh-my-brand-wp-fse --skill native-block-development
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: native-block-development
Source: https://github.com/WesleySmits/oh-my-brand-wp-fse/tree/main/.github/skills/native-block-development
Command: npx skills add https://github.com/WesleySmits/oh-my-brand-wp-fse --skill native-block-development

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This guide helps teams create scalable, native WordPress blocks for the Oh My Brand! FSE theme, ensuring consistent structure, metadata, and templates.

Core Features & Use Cases

  • Block scaffolding: Provides a consistent directory layout (block.json, render.php, etc.) and templates for new native blocks.
  • Standards alignment: Enforces WordPress PHP/JS conventions and asset binding for blocks.
  • Use Case: Start a new block by following the scaffolds to speed up development and reduce integration errors.

Quick Start

Create a new block by duplicating the scaffold templates and renaming to your block name.

Frequently Asked Questions about native-block-development

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

FAQPage Schema
How do I build native WordPress blocks for an FSE theme?▼

To build native WordPress blocks for an FSE theme, you need to follow a consistent directory structure using block.json for metadata and render.php for server-side rendering templates. This ensures proper asset registration and integration.

How do I configure block metadata using block.json?▼

Configuring block metadata with block.json involves defining your block's properties and aligning them with WordPress PHP and JS conventions. This process ensures proper asset binding and conforming to native block scaffolds.

What is the best way to scaffold a native WordPress block?▼

The best way to scaffold a native WordPress block is to duplicate existing block templates and rename them to your block name. This provides a consistent directory layout including block.json and render.php, speeding up development and reducing integration errors.

Do I need PHP for server-side block render templates?▼

Yes, you need PHP for server-side block render templates. Native block development enforces WordPress PHP conventions and uses render.php files to execute server-side rendering and asset registration requirements across the block lifecycle.

When should I use native block scaffolding over manual creation?▼

You should use native block scaffolding when creating scalable blocks for an FSE theme to ensure consistent structure, metadata, and templates. Manual creation risks integration errors and deviating from established PHP and JS standards.

Why does my custom block not meet FSE theme integration standards?▼

Your custom block may not meet FSE integration standards if it lacks proper block.json configuration or PHP asset registration. Enforcing WordPress PHP and JS conventions through structured block scaffolding ensures native block compatibility.

Related Skills

Explore More Software Engineering Skills→
WesleySmitsWesleySmits

php-standards

Enforce PHP coding standards for WordPress theme development.

Community
Advanced
WesleySmitsWesleySmits

acf-block-registration

Register and configure ACF PRO blocks with field groups for the Oh My Brand! FSE theme.

Community
Intermediate
jorgerosaljorgerosal
69

wp-block-development

Validate WordPress block code for block.json schemas and rendering lifecycles.

Community
Intermediate
wpgauravwpgaurav
14

wp-block

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

Community
Intermediate