Responsive UI Auditor

This skill provides an automated and manual way to verify that UI components are optimized for mobile and responsive across devices.

When to use

• After creating a new UI component.
• When fixing layout issues on mobile devices.
• Before completing a task involving frontend changes.

Audit Checklist

1. Viewport & Layout

• No 100vh (use 100dvh or inset-0).
• No fixed pixel widths on containers (use w-full, max-w-*).
• Tailwind classes used correctly (md:, lg:).