UI-responsive-audit

Use this skill for a complete, evidence-driven responsiveness audit. The core rule is: sample first, then run the final matrix. Never create hundreds of screenshots before confirming that the capture state is useful.

Required Workflow

1. Build production output first.

   • Next static export: npm run build, then serve out/.
   • Do not use the dev server for screenshots.
   • If a build fails with a missing .next/server/... module after compile succeeds, remove only the project-local .next folder and rebuild.

2. Start a local static server.

   • Prefer the bundled script:

     node C:\Users\rapha\.codex\skills\ui-responsive-audit\scripts\static-serve.mjs
     

   • It serves out/ on http://localhost:3100 by default.