wordpress-fse-generator_skill

Overview

This skill generates production-ready WordPress Full Site Editing (FSE) blocks and theme files. It scaffolds block.json, React edit/save components, PHP registration, and theme.json configuration so you can build, test, and ship Gutenberg blocks and FSE themes quickly.

How this skill works

Provide the block or theme requirements and the skill outputs a complete file structure: block.json, edit/save (JSX/TSX), styles, registration code, and optional render.php for dynamic blocks. It also offers theme.json snippets, functions.php hooks, and validation checks to ensure the block appears and builds correctly.

When to use it

• When a user asks to create or scaffold a Gutenberg block
• When building or updating a Full Site Editing theme or theme.json
• When you need block.json attributes, supports, or asset references
• When implementing dynamic server-rendered blocks with PHP
• When creating block templates, patterns, or template parts

Best practices

• Choose block type (static, dynamic, interactive, inner blocks) before scaffolding
• Define clear attributes and defaults in block.json and match save output to stored content
• Use InspectorControls in the edit component for editable settings
• Register and enqueue assets via functions.php and name blocks with a unique namespace
• Run build and lint scripts (npm run build, lint:js, lint:css) and validate block.json schema

Example use cases

• Scaffold a simple static text block with attributes and editor styles
• Create an interactive block with client-side behavior and bundled JS
• Build a dynamic testimonials block with render.php for server-side content
• Add a new block category and register multiple blocks in functions.php
• Generate theme.json entries for palette, typography, spacing, and block styles