skills.rest
brentwpeterson
brentwpetersonCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

WordPress Developer Skill

Codify WordPress development conventions for themes, plugins, and sites.

Updated Aug 27, 2026
Search Tags:#css#wordpress#gutenberg#theme.json#block-patterns#enqueue
One-click install
npx skills add https://github.com/brentwpeterson/claude-commands --skill wordpress-developer-skill
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: WordPress Developer Skill
Source: https://github.com/brentwpeterson/claude-commands/tree/main/skills/wordpress-developer
Command: npx skills add https://github.com/brentwpeterson/claude-commands --skill wordpress-developer-skill

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill codifies WordPress development standards to ensure themes, plugins, and sites are built with maintainable, scalable, and accessible code.

Core Features & Use Cases

  • Enforces CSS best practices: no inline styles; all styling in stylesheets; use theme.json for design tokens.
  • Guides Gutenberg/Block development: promotes class-based styling, BEM conventions, and proper asset loading via wp_enqueue_style/script.
  • Deployment and structure guidance: prescribes child-theme usage, theme architecture, and local-to-production workflows to streamline workflow.

Quick Start

Audit my WordPress theme to remove all inline styles, move styling to stylesheets, implement theme.json design tokens, and ensure assets are enqueued.

Frequently Asked Questions about WordPress Developer Skill

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I remove inline styles from my WordPress theme and use theme.json?▼

To remove inline styles from your WordPress theme, move all styling into external stylesheets and implement theme.json for design tokens. This enforces CSS governance and ensures maintainable, accessible code.

What's the best way to enqueue CSS and JavaScript in Gutenberg blocks?▼

The best way to enqueue assets in Gutenberg blocks is using wp_enqueue_style and wp_enqueue_script. This ensures proper asset loading and promotes class-based styling with BEM conventions.

How do I structure a maintainable WordPress child theme for scalable development?▼

Structure a maintainable WordPress child theme by following prescribed theme architecture and deployment workflows. This approach streamlines local-to-production environments and ensures scalable code.

Does GenerateBlocks work with BEM CSS conventions in WordPress?▼

GenerateBlocks integrates with WordPress development conventions by promoting class-based styling and BEM conventions. This ensures block development remains maintainable and accessible across your site.

Why should I use theme.json design tokens instead of inline CSS in WordPress?▼

You should use theme.json design tokens instead of inline CSS to enforce CSS governance and ensure maintainable code. This approach centralizes styling in stylesheets and removes inline styles.

Can I audit my WordPress site for accessible code and proper asset loading?▼

You can audit your WordPress site to ensure accessible code by verifying proper asset loading via wp_enqueue_style and script. This checks that all styling resides in stylesheets and utilizes theme.json tokens.

Related Skills

Explore More Software Engineering Skills→
marcocellomarcocello
10

coding-wordpress

Implement WordPress plugins, themes, blocks, and Bedrock apps while preserving repository structure.

Community
Advanced
liauw-medialiauw-media
3

pre-commit-hooks

Configure pre-commit hooks for JavaScript/TypeScript, Python, and PHP projects.

Community
Advanced
wpgauravwpgaurav
111

html-to-generateblocks

Convert HTML/CSS layouts into GenerateBlocks V2 blocks with inline styles.

Community
Intermediate
MiguelAngelLHMiguelAngelLH

wordpress-theme-to-emdash

Convert WordPress theme PHP templates to EmDash CMS Astro components.

Community
Advanced