Works with the AI tools you already use

    Claude CodeClaude CodeCursorCursorCodex CLICodex CLIGitHub CopilotGitHub CopilotGemini CLIGemini CLI+20 more

    WordPress Custom Block Plugin Builder

    1

    Professional WordPress Block Development at Your Fingertips Transform your block ideas into production-ready WordPress plugins.

    $12.99

    Secure checkout via Stripe

    30-day refund guarantee

    Converts to your local currency at checkout

    0 installsSecurity scanned
    WordPress Custom Block Plugin Builder

    WordPress Custom Block Plugin Builder

    Example session with this skill installed

    Review my static testimonial block. block.json is apiVersion 2, and save.js returns the quote and author name. Last week I changed the save wrapper from a div to a figure, and now older posts show "This block contains unexpected or invalid content". The author attribute has no source set.

    • Read your context and instructions
    • Compiled the wordpress custom block

    Mode: REVIEW. Static is the right call for a testimonial. The invalid-content error comes from changing save without a deprecation. That is launch-blocking.

    #FindingAxisFileImpactEffortScoreFix
    1Save markup changed, no deprecated entryDeprecationsave.js538.3Add v1 deprecation with the old div markup
    2apiVersion 2 on a current blockblock.jsonblock.json214.0Set "apiVersion": 3
    3Author stored in the delimiter and in markupAttributesblock.json111.0Optional: source it from cite

    Before, after (finding 1)

    // index.js
import deprecated from './deprecated';
registerBlockType( metadata, { edit, save, deprecated } );

// deprecated.js
import { useBlockProps, RichText } from '@wordpress/block-editor';
export default [ {
  attributes: { quote: { type: 'string', source: 'html', selector: 'p' },
                author: { type: 'string' } },
  save( { attributes } ) {
    return (
      <div { ...useBlockProps.save() }>
        <RichText.Content tagName="p" value={ attributes.quote } />
        <span>{ attributes.author }</span>
      </div>
    );
  },
} ];

    The v1 save must match the old output exactly.

    Next steps

    • Paste the old save.js from git so I can match the deprecation to it.
    • Open an older post and confirm it loads without the recovery prompt.
    • Bump apiVersion after the deprecation is confirmed.
    block.json

    Connects securely to your tools. The creator never sees your data.

    What you get

    Scaffold installable block plugins with @wordpress/scripts build setups.Convert legacy shortcodes into modern Gutenberg blocks with proper attributes.Audit block code for deprecation safety to prevent 'Invalid Content' errors.Implement dynamic blocks using render.php with secure data escaping.Add accessibility-compliant keyboard navigation and ARIA roles to custom blocks.

    About this skill

    Professional WordPress Block Development at Your Fingertips

    Transform your block ideas into production-ready WordPress plugins. This skill acts as a senior Gutenberg engineer, handling the complex decision-making involved in modern block development. It eliminates the trial-and-error of setup, ensuring your blocks are architecturally sound, accessible, and performant from the first line of code.

    What it does

    • Complete Plugin Scaffolding: Generates the entire folder tree, including block.json (apiVersion 3), package.json with @wordpress/scripts, PHP bootstraps, and React components.
    • Architectural Logic: Automatically decides between static (save.js) and dynamic (render.php) rendering based on your block's data needs.
    • Senior-Level Review: Audits existing block code for deprecation safety, XSS vulnerabilities through improper escaping, and accessibility compliance.
    • Advanced Features: Implements InspectorControls, InnerBlocks, Interactivity API modules, and native supports for colors, spacing, and typography.

    Why use this skill?

    Prompting a generic AI often results in outdated tutorials or broken save functions that lead to "Block Validation" errors. This skill follows the WordPress Core standards: it uses apiVersion 3, handles i18n properly, ensures strict data escaping in PHP, and structures deprecations so your users' content never breaks. You get a professional-grade codebase that passes plugin directory reviews, not just a snippet.

    Supported Workflows

    • Build Mode: Describe a block (e.g., "A dynamic testimonial slider") and get the full installable ZIP-ready code.
    • Review Mode: Paste your src/ folder or block.json to receive a scored audit and before-after fixes.

    How to install

    Works the same in every agent - Claude, Cursor, Codex, Copilot and 20+ more.

    ~30 seconds
    1. 1

      Download the ZIP

      Free skills download straight away. Paid skills unlock right after purchase.

    2. 2

      Unzip into your skills folder

      Every agent reads skills from one folder on your machine. Drop the unzipped folder in there.

    3. 3

      Ask your agent to use it

      Restart the agent if it was already running. It picks the skill up automatically - no config needed.

    Skills folder by agent

    Click the path to copy it. Create the folder if it does not exist yet.

    Reviews

    No reviews yet

    Be one of the first to try it. Every listed skill passes our trust checks below.

    Security scanned

    Passed our 8-point scan before listing

    Fresh listing

    Recently published to Agensi

    30-day refund

    Not a fit? Get your money back

    Trust & safety

    Security scanned

    Verified clean 3 months ago

    • Passed all security checks, Safe to install

    Listed3 months ago
    Updated11 days ago

    What's inside

    Frequently Asked Questions