skills.rest
Automattic
AutomatticOFFICIAL
Explore all skills by this author →
Website𝕏@automatticengGitHub

theme-creator

Design and implement WordPress block themes using theme.json and template parts.

7|2|Updated Mar 29, 2026
Search Tags:#layout design#WordPress#theme development#block theme#WordPress development#modern UI
One-click install
npx skills add https://github.com/Automattic/build-with-wordpress --skill theme-creator
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: theme-creator
Source: https://github.com/Automattic/build-with-wordpress/tree/main/plugins/devin/.devin/skills/theme-creator
Command: npx skills add https://github.com/Automattic/build-with-wordpress --skill theme-creator

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

This Skill addresses the challenge of creating visually appealing and functional WordPress block themes, reducing the time and complexity of theme development.

Core Features & Use Cases

  • Modern Block Theme Development: Facilitates the creation of themes using modern WordPress patterns like theme.json, template parts, and core blocks.
  • WordPress Native Layouts: Generates layouts that align with the WordPress-native structure and are editable in the Site Editor.
  • Design Guidance: Offers clear guidance on visual direction, typography, spacing, and color usage for a consistent design language.

Quick Start

Use 'theme-creator' to create a modern WordPress block theme, ensuring your site meets the latest design and functionality standards.

Frequently Asked Questions about theme-creator

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create a modern WordPress block theme?▼

To create a modern WordPress block theme, you define global styles and settings in `theme.json`, structure layouts with template parts, and assemble pages using core blocks optimized for the Site Editor.

What is `theme.json` used for in WordPress development?▼

`theme.json` in WordPress development is used to establish a cohesive design language, configuring typography, spacing, and color usage globally to ensure visual consistency across editable block themes.

Can I use core blocks to generate layouts editable in the Site Editor?▼

Yes, you can use core blocks to generate WordPress-native layouts that are fully editable in the Site Editor, ensuring your theme structure aligns with modern block design principles.

Do I need template parts to build a cohesive WordPress theme structure?▼

Yes, you need template parts to build a cohesive WordPress theme structure, as they allow you to define reusable layout sections like headers and footers that integrate seamlessly with the Site Editor.

What is the best way to configure typography and color usage for a block theme?▼

The best way to configure typography and color usage for a block theme is through `theme.json`, which provides design guidance and establishes a consistent visual direction for modern UI elements.

Related Skills

Explore More Design & Creative Skills→
MrGKanevMrGKanev

wp-block-themes

Locate and validate WordPress block theme structures with a node-based detection script.

Community
Intermediate
ihatesea69ihatesea69
3

wp-block-themes

Manage theme.json configurations and debug WordPress block themes.

Community
Intermediate
wpgauravwpgaurav
14

wp-block-styles

Style WordPress blocks with theme.json presets, block-level styles, and custom CSS.

Community
Intermediate
adityaarsharmaadityaarsharma
2

orbit-fse-test

Validate theme.json structure and template hierarchy against WordPress Full-Site-Editing standards.

Community
Intermediate