From dev-tools
Tests website responsive layout across desktop, tablet, mobile, or all viewports. Specify viewport type and optional URL; auto-detects dev server if omitted.
How this command is triggered — by the user, by Claude, or both
Slash command
/dev-tools:responsiveness-check [desktop|tablet|mobile|all] [url-if-not-auto-detected]The summary Claude sees in its command listing — used to decide when to auto-load this command
Load the `responsiveness-check` skill. If $ARGUMENTS contains a URL, test it. Otherwise check for a running dev server or ask.
Load the responsiveness-check skill.
If $ARGUMENTS contains a URL, test it. Otherwise check for a running dev server or ask.
npx claudepluginhub jezweb/claude-skills --plugin dev-tools/test-responsiveTests responsive design across iPhone, iPad, Android, desktop viewports in portrait/landscape; captures screenshots, checks layout/accessibility issues, generates comparison grid and detailed reports.
/responsive-auditAudits a screen or feature for responsive behavior across breakpoints using design skills, producing a report with findings, compliance status, and recommendations.
/design-reviewReviews visual design quality—layout, typography, spacing, colour, consistency—for provided URL or detected dev/deployed app, producing severity-ranked issues report with fixes.
/pagesTests all pages at <base-url> for errors, missing elements, and broken interactions using Playwright. Generates/reads test plan, verifies URL/CSS, supports --pages and --viewport flags.
/responsiveBuilds responsive/adaptive layouts with CSS Grid/Flexbox/container queries, fluid typography/images, print/touch handling; audits with score/report. Supports --audit,--grid,etc.
/ui-auditAudits UI components or live browser pages against design principles, WCAG accessibility standards, and usability laws, producing a scored report with prioritized issues.