Works with the AI Agents you already use
Claude Code
Cursor
Codex CLI
Muse
Dots+21 moreClaude CodeCursorCodex CLIMuseDots
Manus
Grok
Grok Bot+18 agentsWordPress Custom Block Plugin Builder
Professional WordPress Block Development at Your Fingertips Transform your block ideas into production-ready WordPress plugins.
$12.99
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.
| # | Finding | Axis | File | Impact | Effort | Score | Fix |
|---|---|---|---|---|---|---|---|
| 1 | Save markup changed, no deprecated entry | Deprecation | save.js | 5 | 3 | 8.3 | Add v1 deprecation with the old div markup |
| 2 | apiVersion 2 on a current block | block.json | block.json | 2 | 1 | 4.0 | Set "apiVersion": 3 |
| 3 | Author stored in the delimiter and in markup | Attributes | block.json | 1 | 1 | 1.0 | Optional: 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.
Connects securely to your tools. The creator never sees your data.
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.jsonwith@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 nativesupportsfor 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 orblock.jsonto receive a scored audit and before-after fixes.
- Cannot generate binary ZIP files directly.
- Does not build custom block patterns (no block.json).
- Not for FSE theme.json design work.
How to use
- 1
Connect your agent to the Agensi MCP
Copy the prompt and paste it into Claude, ChatGPT, Cursor or any agent that supports MCP. It sets up the connection for you. Manual setup
- 2
Sign in to Agensi
Your agent shows a sign-in link. Sign in and click Allow.
- 3
Ask for what you need
Your agent loads this skill and uses it on your task. It always asks before any payment.
Reviews
No reviews yet
Be one of the first to try it. Every listed skill goes through the trust checks below.
Security scanned
Checked by our 8-point scan before listing
Fresh listing
Recently published to Agensi
Money-back guarantee
Doesn't do what its page promises? You get your money back.
Trust & safety
Security scan
Security scan passed 4 months ago
Permissions
No special permissions declared or detected