DOWNLOADABLE CODEX SKILL · v1.0.0

Review a WordPress layout with evidence

Find layout problems across desktop and mobile, then connect each finding to a visible symptom and a focused fix.

THE WORKFLOW

What this skill helps you do

Use this to review an existing WordPress layout without losing the structure that makes it editable. It asks which layer owns a defect, then connects the proposed change to the visitor’s experience.

When it fits

It fits article pages, archives, content hubs, and other WordPress views where spacing, hierarchy, responsive behavior, or repeated components need attention. It can work from screenshots, with that limitation stated.

Try it on a real task

EXAMPLE REQUEST

$aboutcodex-wordpress-layout-review Review this WordPress author archive at desktop and mobile widths. Identify the three most useful improvements and show the evidence for each.

What to look for

Prioritized findings tied to visible page behavior, or scoped fixes accompanied by the responsive checks that were actually run.

Install the skill

Inspect the extracted package first. For a local project, place the skill folder here:

.agents/skills/aboutcodex-wordpress-layout-review/SKILL.md

Desktop app

Open the project and inspect the Skills sidebar to locate the skill by name. Follow the skill controls available in your current desktop application.

Terminal / CLI

Open the project in Codex CLI. Use /skills or $aboutcodex-wordpress-layout-review to select the skill explicitly.

IDE extension

Open the project in the Codex IDE extension. Use /skills or $aboutcodex-wordpress-layout-review to select the skill explicitly.

Verify discovery: locate the exact skill name before starting. If missing, check the folder, SKILL.md filename, and name/description frontmatter, then restart the client.

After selecting the skill, use this inspection request:

Read the aboutcodex-wordpress-layout-review skill. Explain its purpose, inputs, and boundaries. Do not edit files or run its workflow yet.

Documentation-based guidance, checked September 10, 2026. Client discovery was not independently tested here. OpenAI’s skill documentation. Troubleshoot installation

Inspect the files

  • aboutcodex-wordpress-layout-review/SKILL.md2 KB
  • aboutcodex-wordpress-layout-review/references/NOTES.md710 B
  • aboutcodex-wordpress-layout-review/LICENSE.txt1 KB
Read SKILL.md before downloading
---
name: "aboutcodex-wordpress-layout-review"
description: "Review a WordPress page or template for layout, reading hierarchy, and responsive defects using rendered evidence. Use when the user asks to audit or improve an existing WordPress design."
---

# WordPress layout review

Review the actual rendered page and the relevant template or block composition. Follow the user's requested pages, design direction, and authorization.

Establish which layer owns a visible issue before proposing a change: theme shell, archive template, native block attributes, plugin output, or an overriding style rule. A fix for a single article should not constrain every page carrying a shared topic class.

Compare a wide and narrow viewport when a browser is available. When only screenshots are supplied, state that scope and avoid claiming to have tested interactions. Preserve the site's existing editor and theme ownership unless the user requests a migration.

Use references/NOTES.md to inspect hierarchy, reading width, content density, and interaction states. Tie each finding to a page location, observed behavior, user impact, and the smallest reasonable correction. Distinguish content problems from CSS problems.

For authorized fixes, preserve existing URLs and editorial content. Scope selectors to the intended page or component. Recheck the changed view and one other view that shares its template or styles. Inspect narrow layouts for overflow and badly wrapped controls.

Report the material improvements and the checks actually performed. Do not invent photos, testimonials, review outcomes, or product facts to make the design seem complete.

Limits and considerations

A screenshot-only review cannot verify interactions, runtime behavior, or all accessibility requirements. This is not a substitute for a complete accessibility audit.

Review notes

Workflow evaluated · 2026-09-10

Environment: Local WordPress/Kadence; in-app browser; 390×1000 and 1440×1000 layout measurements.

Manual workflow review of a native Gutenberg teaching fixture at 390px and 1440px. Before: second/third cards outside mobile viewport. After: all three 358px cards fit and stack; desktop columns fit; text and links preserved. Scoped CSS accounts for Gutenberg group wrapper. Full report: https://aboutcodex.com/wordpress-layout-skill-evaluation/ Scope is limited to the recorded exercise.

Read the full evaluation and reproduce the exercise →

Package checks confirm file structure. They do not establish that a skill works well on every task.

Version notes

1.0.0 — Initial instruction-only release with supporting notes.

Report an issue with this pageGet the next practical briefing

View saved items
Updates and upgrade guidance
  1. Scoped workflow evaluation recorded

    Manual workflow review of a native Gutenberg teaching fixture at 390px and 1440px. Before: second/third cards outside mobile viewport. After: all three 358px cards fit and stack; desktop columns fit; text and links preserved. Scoped CSS accounts for Gutenberg group wrapper.

    What to do: Read the linked evaluation and repeat the matching exercise. Package instructions are unchanged; no re-download is required.

  2. Installation guidance clarified · package v1.0.0

    Added interface-specific guidance and a read-only inspection request. The downloadable package is unchanged.

    What to do: No re-download needed for this documentation update. Inspect the current version and compare your local changes before replacing a skill.

This log starts with the first recorded review; it is not a reconstruction of earlier revisions.