Best practices for creating custom WordPress Gutenberg blocks following official patterns.

• Scaffolding blocks with @wordpress/create-block
• Static vs dynamic blocks
• Block.json configuration and attributes
• InnerBlocks patterns (static and dynamic)
• Frontend JavaScript with blocks
• Common pitfalls and solutions

Focuses on: Single block per plugin (standard WordPress pattern) Out of scope: Multiple blocks per plugin, theme-based blocks

Copy the skill directory to your skills folder:

cp -r gutenberg-block-creation ~/.claude/skills/

1. Go to Settings
2. Navigate to Capabilities > Skills
3. Use the upload option to add this skill

Activates automatically when working on Gutenberg blocks, or invoke directly:

@gutenberg-block-creation

MIT