fse-architecture

Inspect the Oh My Brand WordPress FSE theme architecture and build pipeline.

Updated Jan 5, 2026

Search Tags:#architecture #wordpress #project-structure #build-pipeline #theme.json #fse

Ready to run

npx skills add https://github.com/WesleySmits/oh-my-brand-wp-fse --skill fse-architecture

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: fse-architecture
Source: https://github.com/WesleySmits/oh-my-brand-wp-fse/tree/main/.github/skills/fse-architecture
Command: npx skills add https://github.com/WesleySmits/oh-my-brand-wp-fse --skill fse-architecture

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

Clarifies the architecture and project structure of the Oh My Brand WordPress FSE theme to accelerate onboarding, code maintenance, and collaboration.

Core Features & Use Cases

Directory layout and file roles (theme.json, AGENT.md, includes/, blocks/, references/).
Data flow from sources to build artifacts and how blocks are organized (native vs ACF blocks) and how assets are wired through the pipeline.
Understanding the build process and how the theme.json configuration influences styling and token usage.

Quick Start

Inspect the repository layout and key configuration files to understand how the theme is organized and built.

Frequently Asked Questions about fse-architecture

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

FAQPage Schema

How do I understand the project structure of a WordPress FSE theme?▼

To understand a WordPress FSE theme project structure, inspect the directory layout to identify file roles like theme.json, includes/, blocks/, and references/. This clarifies how native and ACF blocks are organized and how data flows from sources to build artifacts.

How does theme.json configuration influence styling in a WordPress FSE theme?▼

The theme.json configuration influences styling in a WordPress FSE theme by defining styling tokens and settings that are wired through the build pipeline. It ensures consistency in how assets and blocks are organized and rendered across the site.

What is the best way to organize native and ACF blocks in a Full Site Editing theme?▼

The best way to organize native and ACF blocks in a Full Site Editing theme is to separate them within a dedicated blocks/ directory. This organization clarifies data flow between source files and build artifacts, improving maintainability and collaboration.

How do I visualize the build pipeline for a WordPress FSE theme?▼

You can visualize the build pipeline for a WordPress FSE theme by inspecting how assets are wired from source directories to final build artifacts. This process involves tracking data flow through configuration files like theme.json and understanding directory layout.

Does this FSE architecture documentation require any specific dependencies to understand?▼

No specific dependencies are required to understand this FSE architecture documentation. It relies on references to explain the directory layout, data flow between source and build, and the theme.json configuration for native and ACF blocks.

Why does clarifying FSE architecture accelerate onboarding for WordPress development?▼

Clarifying FSE architecture accelerates onboarding for WordPress development by providing a clear visualization of the build pipeline and project structure. It helps new developers understand data flow, block organization, and theme.json configuration quickly.