add-block

Community

Scaffold Gutenberg blocks fast and best-practice.

Authorjnealey88
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Create a new Gutenberg block following WordPress best practices to streamline block development and ensure consistency across projects.

Core Features & Use Cases

  • Automates scaffolding of a block directory structure including block.json, src/blocks/[block-name], index.js, edit.js, save.js, style.scss, editor.scss, frontend.js, and optional render.php for dynamic rendering
  • Enforces WordPress coding standards and common patterns such as useBlockProps and editor controls scaffolding
  • Provides prompts to gather essential block metadata (name, category, frontend needs, dynamic rendering) and outputs a ready-to-use boilerplate for quick iteration

Quick Start

Follow prompts to specify the block name and category, then run the scaffold to generate the complete block boilerplate.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: add-block
Download link: https://github.com/jnealey88/designsetgo/archive/main.zip#add-block

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.