WP Patterns
94TrustedInstructions onlyWordPress block pattern creation, template definition, and registration logic refinement.
What it does
Wp Patterns adds architectural guidance to your assistant, allowing it to generate standardized WordPress block markup for themes and plugins. It helps align component designs with block editor conventions, ensuring that your custom structures remain compatible with existing block registration standards.
By installing this skill, your assistant gains the ability to map your design requirements to native block attributes and theme.json presets. It focuses on producing maintainable, static markup for sections, templates, and complex layouts while adhering to WordPress performance and accessibility expectations.
When it earns its place
Reach for it when…
Use this when you need to architect new block patterns for a theme, create reusable template parts, or define complex Query Loop layouts that integrate with existing site typography and color palettes.
Look elsewhere when…
Do not use this for building custom interactive front-end components or JavaScript-driven behaviors, as it is strictly limited to static block markup and registration configuration.
What to say to use it
You never invoke a skill directly — the assistant picks it up when your request matches what it covers. These are the kinds of things that do that.
- create a new hero section pattern for my theme
- register a custom query loop pattern with these categories
- generate the block markup for a new template part
- review my block pattern registration for accessibility and i18n
Install it
Install for all your projects
Copy the skill directory into your personal skills folder. Claude picks it up on its own the next time your request matches what it does — there is nothing to enable.
git clone --depth 1 --branch trunk https://github.com/WordPress/agent-skills.git /tmp/agent-skills
mkdir -p ~/.claude/skills
cp -r /tmp/agent-skills/skills/wp-patterns ~/.claude/skills/wp-patternsInstall for one project only
Put it in the project's own skills folder instead, so it can be committed and shared with everyone working on that repository.
cp -r /tmp/agent-skills/skills/wp-patterns .claude/skills/wp-patternsIf a skill of the same name exists in both places, the personal one wins.
Installing on Claude.ai or through the API instead? The full guide covers every surface.
Pair it with an MCP server
WP Patterns changes how the work is done. These servers change what Claude can reach while doing it.
- Miro AI MCP Server78The skill carries the visual judgement; Miro AI MCP Server gives Claude access to the design files that judgement applies to.
- File System MCP Server46Add File System MCP Server so generated images and assets can be written somewhere useful rather than only described.
- Playwright MCP Server46With Playwright MCP Server, a design can be rendered and looked at rather than assessed from the markup alone.