skills.rest
ikastner
ikastnerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

responsive-audit

Audit website responsiveness across 7 breakpoints and generate prioritized remediation reports.

Updated Mar 16, 2026
Search Tags:#checklist#front-end#ui/ux#audit#responsive#report#breakpoints
One-click install
npx skills add https://github.com/ikastner/skills-larockette --skill responsive-audit-ikastner
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: responsive-audit
Source: https://github.com/ikastner/skills-larockette/tree/main/20-frontend/responsive-audit
Command: npx skills add https://github.com/ikastner/skills-larockette --skill responsive-audit-ikastner

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automatically identify and document responsive design issues across multiple breakpoints, generating a prioritized report with identified problems and proposed corrections to streamline UI quality assurance.

Core Features & Use Cases

  • 7 test breakpoints (Mobile S, Mobile L, Tablet Portrait, Tablet Landscape, Desktop, Desktop L, Desktop XL) to ensure comprehensive device coverage.
  • A 30+ point checklist spanning typography, layout, navigation, images & media, touch & interaction, performance, and animations, with prioritization.
  • Generates a detailed audit report including score, identified issues, priorities, and recommended fixes for QA teams and UX/design stakeholders.
  • Suitable for recurrent site audits to verify layout stability after changes and to drive responsive design improvements.

Quick Start

Lancer l’audit responsive sur votre site pour générer un rapport détaillé et prioriser les corrections.

Frequently Asked Questions about responsive-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit a website for responsive design issues across multiple breakpoints?▼

A responsive audit identifies and documents layout, typography, and navigation issues across 7 breakpoints from Mobile S to Desktop XL. It uses a 30+ point checklist to evaluate UI stability and generate a prioritized remediation report.

What is included in a responsive design checklist for QA teams?▼

A responsive design checklist for QA includes over 30 points spanning typography, layout, navigation, images, touch interaction, performance, and animations. This ensures comprehensive device coverage and prioritized fixes for UX stakeholders.

How do I generate a prioritized UI remediation report for front-end issues?▼

You generate a prioritized UI remediation report by scoring front-end issues across 7 screen breakpoints. The final audit report includes identified layout problems, priority levels, and recommended fixes to guide UX remediation.

Can I use a responsive audit checklist for recurring website layout verification?▼

Yes, you can perform recurrent responsive audits to verify layout stability after front-end changes. Evaluating pages across 7 breakpoints ensures continuous UI quality and drives ongoing design improvements.

What breakpoints should I test to ensure comprehensive mobile and desktop UI coverage?▼

You should test 7 breakpoints: Mobile S, Mobile L, Tablet Portrait, Tablet Landscape, Desktop, Desktop L, and Desktop XL. This range captures layout shifts across mobile and desktop UI contexts for comprehensive coverage.

Related Skills

Explore More Software Engineering Skills→
samymitysamymity
1

browser-qa

Automate end-to-end browser QA for web applications with smoke, interaction, visual regression, and accessibility checks.

Community
Intermediate
dodygdodyg

web-severity-scoring

Compute 0-100 accessibility scores with A-F grades and track remediation progress.

Community
Advanced
nassimbfnassimbf
3

browser-qa

Automates browser-based QA for visual, interaction and accessibility checks across web applications.

Community
Advanced
redpanda-dataredpanda-data
34

visual-review

Automate visual and accessibility reviews of frontend UI changes with Playwright.

Official
Advanced