mobile-experience-report

Solid

Use when the user says 'my site looks bad on mobile', 'check mobile layout', 'responsive audit', or 'site broken on phones'. Diagnoses breakpoint problems, text sizing, column stacking failures, hidden elements, and navigation menu behavior, device by device.

Data & Documents 43 stars 8 forks Updated 3 days ago MIT

Install

View on GitHub

Quality Score: 87/100

Stars 20%
55
Recency 20%
100
Frontmatter 20%
70
Documentation 15%
100
Issue Health 10%
50
License 10%
100
Description 5%
100

Skill Content

# Mobile Experience Report **Version:** 1.2.0 **Updated:** 2026-06-30 **Freshly updated:** v1.2.0 grounds the report in real mobile metrics: `respira_run_pagespeed_audit` (strategy mobile) plus `respira_get_core_web_vitals` now drive the score instead of layout heuristics alone. It locates and adjusts mobile breakpoint settings in place with `respira_find_element`, snapshots pages with `respira_get_snapshot` before any fix, and applies the same fix across many pages in one pass with `respira_batch_update`. **Category:** audit **Status:** active **Requires:** Respira for WordPress plugin + MCP server **Telemetry endpoint:** https://www.respira.press/api/skills/track-usage --- ## Description See what mobile visitors actually see — broken layouts, oversized text, stacking failures. Mobile Experience Report reveals the hidden mobile layout disasters that desktop testing misses. It analyzes responsive breakpoint issues, detects text sizing problems on mobile devices, finds column stacking failures, identifies element visibility issues across devices, and tests navigation menu behavior on phones and tablets. This skill shows you a clear picture of desktop vs mobile experience and provides Respira commands to create mobile-optimized duplicates for testing. --- ## Trigger Phrases This skill activates when the user says any of the following: - "audit mobile experience" - "check mobile layout" - "mobile responsive issues" - "what do mobile users see" - "mobile design problems"...

Details

Author
respira-press
Repository
respira-press/agent-skills-wordpress
Created
6 months ago
Last Updated
3 days ago
Language
JavaScript
License
MIT

Integrates with

Bundled in these plugins

Similar Skills

Semantically similar based on skill content — not just same category

Web & Frontend Listed

responsive-audit

Use when running a mobile/responsive audit on any web app — captures every page at iPhone SE / iPhone 13 / iPad / Desktop via agent-browser, runs an in-page overflow/affordance probe, generates a before/after audit doc, and builds a single shareable cloud-viewable comparison page hosted in the app's own public dir. Trigger on phrases like "mobile audit", "responsive audit", "test every page on mobile", "find responsive bugs", or "compare before/after at mobile widths".

1 Updated 3 weeks ago
iamnolanhu
Web & Frontend Listed

responsive-audit

Evaluate real interface behavior across small mobile, large mobile, tablet, laptop, desktop, and wide layouts. Use before release or when changing layout, navigation, tables, dialogs, dense content, or breakpoint behavior.

1 Updated today
Gaurav890
Web & Frontend Listed

mobile-screen-eval

Run rigorous heuristic and accessibility evaluations on mobile app screens. Use whenever the user wants to heuristic-eval, UX audit, critique, accessibility-check, or review mobile screens, whether shared as Figma frames, exported images, or descriptions. Applies three layers (Nielsen's 10 usability heuristics, WCAG 2.1 AA accessibility, and mobile platform accessibility from iOS HIG plus Material Design). Produces a per-screen markdown report with severity-rated findings on Nielsen's 0–4 scale. Trigger even when the user just pastes a single screen and says "review this," "audit this," "any issues with this," or "what would you change." Works for any mobile product, from consumer apps and B2B tools to fintech, health, or any other domain.

1 Updated 2 weeks ago
jainulabudeenm