Skills
.Work. You
Rest

wordpress-block-theming

Official

Build modern WordPress block themes.

Software Engineering#php#css#web design#wordpress#theme development#fse#block themes
AuthorAutomattic
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill provides comprehensive guidance and best practices for creating modern WordPress block themes using the Full Site Editing (FSE) architecture, enabling developers to build flexible and dynamic themes.

Core Features & Use Cases

  • Theme Structure: Defines standard directory layouts for block themes (theme.json, templates/, parts/, patterns/).
  • theme.json Configuration: Details settings for colors, typography, and layout.
  • Block Templates & Parts: Illustrates how to structure HTML templates and reusable parts.
  • Block Patterns: Explains pattern registration and provides examples.
  • functions.php & style.css: Covers asset enqueuing, custom CSS, and theme metadata.
  • Animation & Motion: Guides on implementing CSS animations and scroll-triggered reveals.
  • Landing Page Design: Offers strategies for creating visually engaging full-bleed landing pages.
  • Use Case: A developer needs to create a custom WordPress block theme from scratch. They can use this Skill to understand the required file structure, configure theme.json for branding, design templates and patterns, and implement animations for a dynamic user experience.

Quick Start

Follow the provided structure and examples to begin developing a WordPress block theme.

Dependency Matrix

Required Modules

None required

Components

scriptsreferencesassets

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: wordpress-block-theming
Download link: https://github.com/Automattic/wordpress-agent-skills/archive/main.zip#wordpress-block-theming

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.