What does Responsive Preview Cursor Command do?

Download the /responsive-preview Cursor slash command for AI viewport screenshots and pass/warn/fail layout audits.

How do I run responsive layout audits in Cursor?

Download the /responsive-preview Cursor slash command for AI viewport screenshots and pass/warn/fail layout audits. No account or install required.

Setup

Download the command file or copy the preview below.
Save it as responsive-preview.md in your project's .cursor/commands/ folder.
Start your local dev server, then type /responsive-preview in any Cursor chat.
Optional — the same skill also ships in the public pack: npx skills@latest add iruhdam1/skills (responsive-preview on GitHub).

Command preview

Uses the Claude Preview MCP in Cursor. Pairs with the Responsive Preview viewer for live iframes.

Read guide Open live viewer

Command ready. If this saved you setup time, you can support Tiny Design Shop.