Create reusable ACF blocks for the Soma PageBuilder architecture.
npx skills add https://github.com/sanruiz/fibra --skill acf-block-development
Please help me install this Agent Skill. Skill: acf-block-development Source: https://github.com/sanruiz/fibra/tree/main/.github/skills/acf-block-development Command: npx skills add https://github.com/sanruiz/fibra --skill acf-block-development
This skill guides the creation and integration of ACF flexible content blocks (partials) within the Soma PageBuilder system to enable consistent layouts and reusable components across pages and themes.
Create a new ACF block by defining a field group for the block and registering it in BlockRegistry.
High-intent search queries and answers about installing and using this skill.
To create reusable ACF blocks for a WordPress page builder, you define ACF field groups, register the blocks in BlockRegistry, and render them via PHP partial templates. This process ensures consistent layouts and reusable components across themes.
The best way to structure PHP partials for ACF flexible content is placing them under a partials/ directory alongside corresponding SCSS and JS assets. This organizes block rendering, styling, and interactivity for headers, footers, and content sections.
Yes, you can use optional JSON field definitions for ACF repeaters and media fields during block development. Defining these field groups in JSON allows reusable configurations when registering flexible content blocks in the BlockRegistry.
Yes, you need to register every custom block in BlockRegistry to render it properly. The system enforces integration with BlockRegistry.php to map ACF field groups to their corresponding BlockRenderer and partial templates for seamless page builder functionality.
ACF flexible content blocks integrate with frontend assets by linking SCSS and JavaScript files to their respective PHP partials. This architecture ensures each reusable page section maintains responsive styling and interactive functionality within the page builder.
claudcherejiDevelop custom WordPress themes, plugins, and Gutenberg blocks.
respira-pressAudit Beaver Builder content and map modules to native Gutenberg blocks.
michalstanieckoRender price comparison tables in WordPress via custom post type and shortcode.
wpgauravScaffold custom Gutenberg blocks for WordPress using the Block API and @wordpress/scripts.
