add-extension

Generate a WordPress core block extension scaffold with index.js and styles.

12|9|Updated Oct 23, 2025
One-click install
npx skills add https://github.com/jnealey88/designsetgo --skill add-extension
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-extension
Source: https://github.com/jnealey88/designsetgo/tree/main/.claude/skills/add-extension
Command: npx skills add https://github.com/jnealey88/designsetgo --skill add-extension

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Create a structured approach to extend WordPress core blocks with custom extensions, enabling modular enhancements without rewriting core blocks.

Core Features & Use Cases

  • Scaffold a directory structure under src/extensions/[block-name]-enhancements/ with index.js, styles, and editor styles
  • Use WordPress filters to safely extend core blocks while preserving existing attributes and behavior
  • Provide guidance on when to use an extension versus a custom block to balance complexity and reuse

Quick Start

Ask the user which core block to extend and what enhancements to add; then generate the extension scaffold in the designated directory.

Frequently Asked Questions about add-extension

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

FAQPage Schema
How do I extend WordPress core blocks without rewriting their original code?

To extend WordPress core blocks without rewriting them, you use WordPress filters to inject custom modifications. This approach preserves existing block attributes and behavior while adding modular enhancements safely.

When should I use a block extension versus creating a custom block in WordPress?

Use a block extension when enhancing existing core blocks to maximize reuse and minimize complexity. Create a custom block when you need entirely new functionality that core blocks cannot provide.

How do I scaffold a WordPress block extension directory structure?

You scaffold a WordPress block extension by generating a directory under src/extensions/[block-name]-enhancements/ containing an index.js with filters, alongside separate style files for the editor and frontend.

Does block extension development require separate styles for the editor and frontend?

Yes, block extension development requires separate styles for the editor and frontend to ensure compatibility. This standardized pattern targets both environments correctly without causing style conflicts.

What is the best way to add custom filters to WordPress blocks?

The best way to add custom filters to WordPress blocks is using a standardized extension scaffold that places filter logic in an index.js file, ensuring frontend and editor compatibility across multiple blocks.