Works with the AI tools you already use

    CClaude CodeCCursorCCodex CLIGGitHub CopilotGGemini CLIVVS CodeWWindsurfMManus+14 more

    WordPress Custom Block Plugin Builder

    by Arnstein Larsen

    1

    A senior Gutenberg engineer that builds and audits production-ready WordPress block plugins with apiVersion 3.

    Secure checkout via Stripe

    0 installsSecurity scanned

    See it in action

    You say

    Build a dynamic block that displays the 3 most recent posts from a specific category as a card grid with featured images and post dates.

    Your agent does

    I am in BUILD mode. Axis 1: DYNAMIC (data changes after save). Axis 2: Attributes 'postsPerPage' (number) and 'category' (string).

    {plugin-slug}/ ├── src/ │ ├── block.json (apiVersion: 3, render: "file:./render.php") │ ├── edit.js (uses @wordpress/components SelectControl for categories) │ ├── render.php (uses WP_Query with wp_reset_postdata and esc_html) ...

    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

    Drop the file into your AI Agent. Works with Claude, Cursor, ChatGPT, and 20+ more.

    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 1 month ago

    Listed1 month ago

    Creator

    Frequently Asked Questions

    Popular in Web & App UI Design