| name | wp-frontend |
| description | Use when writing WordPress frontend/client-side code - CSS styling, JavaScript interactivity, HTML templates, theme development, Gutenberg blocks, responsive design, accessibility, browser compatibility, asset optimization, and modern frontend workflows (webpack, npm, build tools) |
WordPress Frontend Development
Frontend/client-side WordPress development including CSS, JavaScript, HTML coding standards and best practices.
Available Resources
Frontend Coding Standards
When to Use
Use this skill when working on:
- CSS Files: Writing or reviewing
.css, .scss files
- JavaScript Files: Writing or reviewing
.js files
- HTML Templates: Theme templates, template parts
- Gutenberg Blocks: Block editor development
- Theme Development: Custom themes, child themes
- Responsive Design: Media queries, mobile-first approach
- Accessibility: ARIA attributes, semantic HTML, keyboard navigation
- Asset Optimization: Minification, concatenation, lazy loading
- Build Tools: webpack, npm scripts, Gulp, Grunt
Quick Reference
Common Frontend Tasks
- Styling components → CSS Coding Standards
- Adding interactivity → JavaScript Coding Standards
- Creating templates → HTML Coding Standards
- Building Gutenberg blocks → JavaScript + HTML Coding Standards
- Theme customization → CSS + HTML Coding Standards
- Responsive design → CSS Coding Standards (Media Queries)
- Accessibility improvements → HTML Coding Standards (ARIA, Semantic HTML)
