WordPress theme development workflow covering theme architecture, template hierarchy, custom post types, block editor support, responsive design, and WordPress 7.0 features: DataViews, Pattern Editing, Navigation Overlays, and admin refresh.
SkillScore68Maintained
Automatic
◆Frontend / UI pack
Last verified 8/12/2026
What it changes
Passed 15 of 22 test cases with the skill, and 10 of 22 without it.
Without skill45%
With skill68%
Checks it passed that the model alone missed
uses the wp_breadcrumb_args filter hook
namespaces custom pattern categories under the theme domain
defines --wp-dataviews-color-background in the root CSS block
and 5 more in the full report
6 fixed9 passed either way6 still failing1 broke
Pass-rate lift
+23 pp
Tokens
+129%
Agent turns
0%
Response time
-21%
Model gemini-3.6-flashMeasured 8/12/2026v115 of 22 cases passed with skill
Tokens, turns and time describe resource use, not a dollar price.
See it in action
One of 6 test cases the skill fixed. Same model, same prompt, with and without the skill.
1 of 6
Prompt
We want our custom WordPress theme styles to align with the WordPress 7.0 admin refresh when users switch to dark mode in their browser settings. What CSS media query and property should be declared?
What was checked, without and with the skill
Checked
Without skill
With skill
uses prefers-color-scheme: dark in a media query block
Passed
Passed
configures modern admin theme color variables under dark mode
Missed
Passed
case-16 · gemini-3.6-flash · 8/12/2026 · answers are capped and redacted
What's inside
The instructions your model reads when the skill loads.
SKILL.md497 linessingle file
WordPress Theme Development Workflow
Overview
Specialized workflow for creating custom WordPress themes from scratch, including modern block editor (Gutenberg) support, template hierarchy, responsive design, and WordPress 7.0 enhancements.