← All Skills 📱 WordPress Audit Skill

What do
mobile visitors
actually see?

60% of your visitors are on phones. This skill shows you exactly what they experience — broken columns, squished text, menus that don't work on touch.

Read-only analysis · No live site changes · Requires Respira plugin

mobile-report.md
📱 Mobile Experience Report
━━━━━━━━━━━━━━━━━━━━━━━━━━
Mobile Score 41/100 🟠
Pages Analyzed 8 pages
Pages with Issues 6 of 8 ❌
Column Stacking 3 failures ❌
Mobile Nav Not configured ❌
Horizontal Scroll 2 pages ⚠️
━━━━━━━━━━━━━━━━━━━━━━━━━━
Breakpoints affected:
320px ❌ 375px ❌ 414px ⚠️ 768px ✅
The Problem

Desktop testing hides
mobile disasters

You built your site on a desktop. It looks great at 1440px. But 60% of your visitors are on 375px phones, and what they see is completely different.

Chrome DevTools simulation helps, but it doesn't catch builder-specific issues with responsive settings, column stacking, or touch target sizes. This skill reads your actual WordPress data to find what's broken.

Three-column hero squished into tiny slivers on every phone
72px H1 headings that take the full screen on iPhone SE
Hamburger menu never configured — desktop menu on mobile
"Place Order" button half off-screen on 375px viewports
80px section padding eating 160px of mobile viewport real estate
Videos and embedded maps with no responsive wrappers

What gets analyzed

Eight analysis modules covering every dimension of mobile experience.

📐

Breakpoint Analysis

Tests all device sizes from 320px iPhone SE to 1024px tablet landscape

📦

Column Stacking

Finds multi-column layouts that squish side-by-side on phones

🔤

Typography Scaling

Catches 72px headings that eat the entire mobile screen

↔️

Horizontal Scroll

Detects elements wider than the viewport causing sideways scrolling

🧭

Mobile Navigation

Verifies hamburger menu, tap targets ≥ 44px, touch-friendly dropdowns

🖼️

Media Responsiveness

Images, videos, maps — flags anything without max-width: 100%

🔲

Spacing on Mobile

80px desktop padding that wastes the entire phone viewport

📊

Mobile Score 0–100

Composite score with per-page breakdown and fix priority roadmap

Four steps to run this skill

From zero to mobile audit in minutes.

🔌

Install Respira for WordPress

Download from respira.press/plugin, install on your WordPress site, generate an API key

🧠

Add Skill to Claude

Open claude.ai, create or open a Project, click Add skill, and upload the SKILL.md file

View SKILL.md on GitHub
🌐

Connect Claude

Run npx -y @respira/wordpress-mcp-server --setup or follow the MCP setup guide

📱

Run the Audit

Tell Claude: "audit mobile experience" — full mobile report in seconds

All trigger phrases

"audit mobile experience"
"check mobile layout"
"mobile responsive issues"
"what do mobile users see"
"mobile design problems"
"responsive audit"
"my site looks bad on mobile"
"mobile layout broken"
"check responsive design"
"mobile ux audit"
"site broken on phones"
📖

Open source skill definition

The full skill prompt is open source. Read the exact instructions Claude follows, understand the analysis logic, or fork it for your own workflows.

View SKILL.md on GitHub
📱

Find out what mobile
visitors actually see

Install Respira, connect to Claude, say "audit mobile experience." Your complete mobile report will be ready in seconds.

100% read-only audit · No live site changes · Powered by Claude AI · Open source skill