xfive-chisel-acf-blocks
Installation
SKILL.md
Skill: Creating Custom ACF Blocks in Chisel WordPress Theme
Overview
This skill provides a deterministic procedure for creating custom ACF (Advanced Custom Fields) blocks in the Chisel WordPress starter theme. ACF blocks in Chisel use Twig templates, SCSS for styling, and JSON for field definitions.
When to Use This Skill
- Creating reusable custom Gutenberg blocks with ACF fields
- Building dynamic content blocks with editable fields in WordPress
- Implementing design components from Figma as ACF blocks
- Need full control over block markup, styling, and field structure
Prerequisites
- Chisel WordPress theme installed and configured
- ACF Pro plugin active
- Node.js and npm installed
- Basic understanding of Twig templating, SCSS, and ACF field structure
File Structure for ACF Blocks
Related skills
More from xfiveco/skills
plan-task
Read `task.md`, scan the repo for relevant code, and ask targeted clarifying questions before implementing changes.
15task-complete
Task is complete. Prepares MR/PR title and description. Removes task.md file.
12xfive-figma-to-wordpress
Implement Figma designs. Use when an AI agent needs to (1) Create WordPress pages from Figma designs, (2) Create WordPress components from Figma designs, (3) Create WordPress blocks from Figma designs, (3) Populate WordPress pages with content taken from Figma designs.
1