npx claudepluginhub respira-press/agent-skills-wordpressThis skill uses the workspace's default tool permissions.
Identifies mobile layout issues across devices: responsive breakpoint problems, text sizing issues, column stacking failures, element visibility problems, and navigation menu behavior.
Automates browser resizes through breakpoints, screenshots viewports, detects layout breaks (overflows, columns, nav), and reports transitions for responsive web testing.
Checks and fixes mobile/tablet responsiveness issues in CSS/HTML: viewport meta, fixed widths, font sizes, touch targets, media queries, images, navigation.
Audits and fixes responsive/mobile issues across all project pages using browser screenshots at 375px mobile and 1440px desktop. Design-aware: reads design docs to preserve aesthetics.
Share bugs, ideas, or general feedback.
Identifies mobile layout issues across devices: responsive breakpoint problems, text sizing issues, column stacking failures, element visibility problems, and navigation menu behavior.
Finds:
Provides:
For detailed example output, see references/example-output.md
This skill identifies mobile layout issues. Fixes are tested on duplicates before applying to live pages.
What this skill CANNOT do:
What this skill CAN do:
Uses these Respira MCP tools:
wordpress_list_pages - scan all pageswordpress_get_page - extract content with builder awarenesswordpress_detect_page_builder - identify builder for targeted fixeswordpress_create_duplicate - create test pages for fixesSimulates these viewport sizes:
Built by Respira for WordPress https://respira.press