← All Skills smartphone 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.

Run Mobile Audit View on GitHub
No ratings yet Be the first to review Rate this skill ↓

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

mobile-report.md
WordPress Mobile Experience Report
━━━━━━━━━━━━━━━━━━━━━━━━━━
Mobile Score 41/100 warning
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.

straighten

Breakpoint Analysis

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

view_column

Column Stacking

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

text_fields

Typography Scaling

Catches 72px headings that eat the entire mobile screen

swap_horiz

Horizontal Scroll

Detects elements wider than the viewport causing sideways scrolling

menu

Mobile Navigation

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

image

Media Responsiveness

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

space_dashboard

Spacing on Mobile

80px desktop padding that wastes the entire phone viewport

analytics

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.

1
power

Install Respira for WordPress

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

2
psychology

Add Skill to Your AI Agent

Open Claude, Codex, Cursor, or another skills-capable AI agent, create or open a project, click Add skill, and upload the SKILL.md file

View SKILL.md on GitHub
3
hub

Connect Your AI Agent

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

4
smartphone

Run the Audit

Tell your AI agent: "audit mobile experience" and get the 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"
menu_book

Open source skill definition

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

View SKILL.md on GitHub
code

Improve This Skill

This skill is open source. Found a bug? Have an improvement? Contributions welcome.

share

Share Your Skill

Built a WordPress skill that solved a real problem? Share it with the community.

uploadSubmit Your Skill

Community feedback

Community ratings

Rate this skill and share what worked (or what needs to improve).

Community rating

/ 5

0 ratings

See reviews
5
0
4
0
3
0
2
0
1
0

Leave a rating

Community feedback

Your rating

500 chars left

Community Ratings

Showing: Most helpful

No ratings yet. Be the first to leave one.

Requirements

extensionRespira for WordPress Plugin
visibilityRead-only
smartphone

Find out what mobile
visitors actually see

Install Respira, connect your AI agent, say "audit mobile experience." Your complete mobile report will be ready in seconds.

100% read-only audit · No live site changes · Powered by Claude, Codex, Cursor, and other MCP-ready AI agents · Open source skill