skills.rest
MADEVAL
MADEVALCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

atomic-framework-theme

Bootstrap Atomic Framework themes, render partials, and generate page metadata for PHP applications.

9|1|Updated Apr 29, 2026
Search Tags:#php#theme#open graph#json-ld#template rendering#asset pipeline
One-click install
npx skills add https://github.com/MADEVAL/Atomic-Framework-Skills --skill atomic-framework-theme
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: atomic-framework-theme
Source: https://github.com/MADEVAL/Atomic-Framework-Skills/tree/main/atomic-framework-theme
Command: npx skills add https://github.com/MADEVAL/Atomic-Framework-Skills --skill atomic-framework-theme

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It removes the guesswork from building and maintaining Atomic Framework themes by giving you verified guidance for booting themes, rendering partials, and wiring page metadata correctly.

Core Features & Use Cases

  • Theme boot sequence and hive configuration: load theme.json, map THEME keys, and initialize the active theme directory safely.
  • Template rendering: generate head, header, footer, sidebar, and section partials from controllers, hooks, or helpers.
  • SEO and presentation metadata: manage title, canonical links, OpenGraph tags, Twitter cards, and JSON-LD schema output.
  • Asset management: enqueue, dequeue, and localize CSS and JavaScript with predictable ordering and presets.
  • Use case: update a storefront theme so it renders the correct layout, meta tags, and scripts without breaking the theme lifecycle.

Quick Start

Ask for help creating or modifying an Atomic Framework theme by naming the active theme, the partials or metadata you want changed, and any assets or schema data you need generated.

Frequently Asked Questions about atomic-framework-theme

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

FAQPage Schema
How do I bootstrap an Atomic Framework theme and configure the THEME hive keys?▼

Atomic Framework theme bootstrapping requires loading theme.json, mapping THEME hive keys, and safely initializing the active theme directory to establish the correct theme lifecycle environment.

How do I render partials like header and footer from controllers in a PHP theme?▼

Rendering PHP template partials like header, footer, and sidebar requires triggering template includes from controllers, hooks, or helpers while maintaining the strict rendering order within the theme lifecycle.

What is the correct way to generate OpenGraph tags and JSON-LD schema for a PHP theme?▼

Generating OpenGraph tags and JSON-LD schema involves wiring SEO and presentation metadata during page head output, ensuring correct title, canonical links, Twitter cards, and schema data are rendered.

How do I enqueue and localize CSS and JavaScript assets with predictable ordering?▼

Asset enqueueing uses specific helpers to add, remove, and localize CSS and JavaScript files, applying presets to guarantee predictable script and style ordering without breaking the theme lifecycle.

Why is my Atomic Framework theme layout breaking when I update page metadata?▼

Layouts break during metadata updates when the rendering order is violated or THEME hive keys are mismatched, disrupting the proper output of head sections and template includes.

Related Skills

Explore More Software Engineering Skills→
adityaarsharmaadityaarsharma
2

orbit-fse-test

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

Community
Intermediate
therealityreporttherealityreport

extract-navigation

Extract navigation chrome from HTML into a structured NavigationData.

Community
Intermediate
jovermierjovermier
2

nextjs-metadata

Implement Next.js metadata for SEO, OpenGraph, and structured data.

Community
Intermediate
alti3alti3
7

litestar-templating

Render HTML responses in Litestar apps using configured template engines.

Community
Intermediate