add-block
CommunityScaffold 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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.