automattic avatar

Wp Block Themes

This handles WordPress block theme development: editing theme.json for global settings and styles, managing templates and template parts, adding patterns and style variations, and debugging when the Site Editor doesn't reflect your changes. It's built for filesystem-based workflows on WordPress 6.9+ and includes triage scripts to detect theme roots and validate structure. The debugging guidance around style hierarchy is especially useful because user customizations silently override theme defaults, which trips up everyone at least once. If you're touching anything in a block theme beyond plugin logic, this covers the surface area.

skills.sh installs
509
GitHub stars
211
last updated
Jun 3, 2026

Install

$ npx -y skills add automattic/agent-skills --skill wp-block-themes --agent claude-code

Installs into .claude/skills of the current project.

Files

WP Block Themes

When to use

Use this skill for block theme work such as:

  • editing theme.json (presets, settings, styles, per-block styles)
  • adding or changing templates (templates/*.html) and template parts (parts/*.html)
  • adding patterns (patterns/*.php) and controlling what appears in the inserter
  • adding style variations (styles/*.json)
  • debugging “styles not applying” / “editor doesn’t reflect theme.json”

Inputs required

  • Repo root and which theme is targeted (theme directory if multiple exist).
  • Target WordPress version range (theme.json version and features vary by core version).
  • Where the issue manifests: Site Editor, post editor, frontend, or all.

Procedure

0) Triage and locate block theme roots

  1. Run triage:
    • node skills/wp-project-triage/scripts/detect_wp_project.mjs
  2. Detect theme roots + key folders:
    • node skills/wp-block-themes/scripts/detect_block_themes.mjs

If multiple themes exist, pick one and scope all changes to that theme root.

1) Create a new block theme (if needed)

If you are creating a new block theme from scratch (or converting a classic theme):

Sponsors

Details

Repository
github.com/automattic/agent-skills
Category
AI & Agent Building
First seen
Jun 3, 2026

More from automattic/agent-skills

All 12
1aj-geddes avatarapi-gateway-configurationaj-geddes/useful-ai-promptsConfigure API gateways for routing, authentication, rate limiting, and request/response transformation. Use when deploying microservices, setting up reverse pro508skills.sh installs
2aj-geddes avatarreact-native-appaj-geddes/useful-ai-promptsBuild cross-platform mobile apps with React Native. Covers navigation with React Navigation, state management with Redux/Context API, API integration, and platf508skills.sh installs
3jwynia avatarscene-sequencingjwynia/agent-skillsStructure scenes and control pacing using scene-sequel rhythm. Use when individual scenes work but don't accumulate, when pacing feels off (too rushed or too sl508skills.sh installs
4aj-geddes avatarrate-limiting-implementationaj-geddes/useful-ai-promptsImplement rate limiting, throttling, API quotas, and backpressure mechanisms to protect services from abuse and ensure fair resource usage. Use when building AP507skills.sh installs
5intellectronica avatarraindrop-apiintellectronica/agent-skillsThis skill provides comprehensive instructions for interacting with the Raindrop.io bookmarks service via its REST API using curl and jq. It covers authenticati507skills.sh installs
6libukai avatarobsidian-to-xlibukai/awesome-agent-skills发布内容和文章到 X (Twitter)。支持常规推文(文字/图片/视频)和 X Articles(长文 Markdown)。使用真实 Chrome 浏览器绕过反机器人检测。当用户说"发推"、"发到 X"、"发到 twitter"、"分享到 X"、"分享到 twitter"、"发 tweet"、"同步到 X"、"发布到507skills.sh installs