Does this skill follow WordPress security standards?

Yes, it implements best practices including proper asset enqueuing via enqueue_block_assets and data escaping for any dynamic PHP content generated in functions.php.

What is a WordPress block theme?

A block theme is a modern WordPress theme architecture built entirely with blocks, enabling users to edit all parts of a site via the Site Editor and the theme.json configuration file.

How does it handle animations within block themes?

The skill uses a className pattern to attach CSS animations to blocks and provides a lightweight IntersectionObserver script for scroll-triggered reveals.

Can I use this for classic PHP-based themes?

This skill is specifically optimized for Full Site Editing (FSE) and block-based architecture, which is the current standard for modern WordPress development.

WordPress Block Theme Architect

Name: WordPress Block Theme Architect
Author: Automattic

byAutomattic

•

内容管理

Architects modern WordPress themes using Full Site Editing standards, including theme.json configuration and block-based templates.

This skill enables Claude to design and develop production-grade WordPress block themes using the Full Site Editing (FSE) architecture. It provides specialized knowledge for configuring theme.json, structuring block templates, and creating reusable template parts. Beyond basic structure, the skill implements advanced typography scales, performance-optimized CSS animations, and scroll-triggered reveals while adhering to WordPress security best practices and strict no-emoji content guidelines. It is ideal for developers looking to build fast, customizable, and modern WordPress sites that leverage the latest block editor capabilities.

主要功能

01Generates comprehensive theme.json configurations for colors, typography, and layout settings

02Constructs valid block-based HTML templates and reusable template parts like headers and footers

03Configures secure asset enqueuing and Google Fonts integration for both frontend and editor

0443 GitHub stars

05Registers custom PHP block patterns to provide pre-designed layouts for site editors

06Implements sophisticated CSS motion patterns including entrance animations and staggered reveals

使用场景

01Migrating legacy PHP-based themes to the modern Full Site Editing architecture

02Building a bespoke WordPress block theme from scratch based on a design specification

03Enhancing existing block themes with custom animations, unique typography, and interactive transitions

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add automattic/wordpress-agent-skills wordpress-block-theming

For use in Claude.ai and ChatGPT

Download Skill