Audit & diagnose

Mobile Experience Report

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.

RP
Respira Core · maintained skill ·v1.1.0 · MIT
51
sites use it
no ratings yet
avg run time
3 days ago
last run

About this skill

Mobile layout diagnostics — identifies responsive breakpoint problems, text sizing issues, column stacking failures, element visibility issues, navigation menu behavior. Device-by-device breakdown.

Read-only by default. Any write operation creates a duplicate first, so the original page stays intact and you have an undo handle. All execution runs through Respira's MCP server with your existing credentials.

What it does

8 capabilities run in one pass — each one focused on a single failure mode.

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

What you'll likely find

Real issues this skill has surfaced on real WordPress sites.

  • 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
  • 80px section padding eating 160px of mobile viewport real estate
  • Videos and embedded maps with no responsive wrappers

Trigger phrases

Say any of these in your AI agent. The skill recognizes intent — exact wording isn't required.

"audit mobile experience" "check mobile layout" "mobile responsive issues" "what do mobile users see" "mobile design problems" "responsive audit"

What you'll need

Respira for WordPress plugin installed on the target site, with a valid API key.

An AI agent that supports Skills + MCP — Claude Code, Codex, Antigravity, or Cursor.

SKILL.md saved where your agent looks for skills (see install panel above).

Community feedback

What people say

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.

One agent. Many skills.

Browse the full catalog or build your own — the bar is low and the standards are real.

Browse all skills Contribute on GitHub