DOWNLOADABLE CODEX SKILL · v1.0.0
Find layout problems across desktop and mobile, then connect each finding to a visible symptom and a focused fix.
By Abdessalam · Updated
THE WORKFLOW
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.
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.
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.Prioritized findings tied to visible page behavior, or scoped fixes accompanied by the responsive checks that were actually run.
Inspect the extracted package first. For a local project, place the skill folder here:
.agents/skills/aboutcodex-wordpress-layout-review/SKILL.mdOpen the project and inspect the Skills sidebar to locate the skill by name. Follow the skill controls available in your current desktop application.
Open the project in Codex CLI. Use /skills or $aboutcodex-wordpress-layout-review to select the skill explicitly.
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
aboutcodex-wordpress-layout-review/SKILL.md2 KBaboutcodex-wordpress-layout-review/references/NOTES.md710 Baboutcodex-wordpress-layout-review/LICENSE.txt1 KB---
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.
A screenshot-only review cannot verify interactions, runtime behavior, or all accessibility requirements. This is not a substitute for a complete accessibility audit.
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.
1.0.0 — Initial instruction-only release with supporting notes.
Progress stays in this browser. No account needed.
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.
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.
THE ABOUTCODEX BRIEFING
One workflow to try, one change explained, and one resource to keep. Planned weekly.
Read the sample issue ↗Confirm your email to join. Unsubscribe anytime through a delivered newsletter. Privacy policy.