Enforces standardized development patterns and accessibility rules for custom WordPress Gutenberg themes.
This skill provides a comprehensive set of development contracts to ensure consistency, accessibility, and maintainability within WordPress themes, specifically tailored for Gutenberg block development and Full Site Editing (FSE). It automates the adherence to strict coding standards for blocks, patterns, headers, and footers, integrating design tokens and WCAG AA accessibility requirements directly into the development workflow to prevent technical debt and ensure a high-quality frontend experience.
주요 기능
01Implements accessible header components with glassmorphism and skip links
02Prevents CSS anti-patterns by enforcing BEM naming and theme.json tokens
03Standardizes responsive footer grids with integrated legal and social structures
040 GitHub stars
05Enforces standardized Gutenberg block structures using block.json and React
06Validates block pattern composition to ensure zero additional CSS usage
사용 사례
01Building accessible, mobile-first WordPress headers and footers
02Developing custom, production-ready Gutenberg blocks with PHP and React
03Ensuring theme-wide design consistency through strict CSS token enforcement
