Free Tool

Responsive Preview Cursor Command

Download the /responsive-preview slash command for Cursor. Get AI screenshots at mobile, tablet, and desktop widths plus a pass/warn/fail layout report — then open the live side-by-side viewer.

Setup

Copy or download

  1. Download the command file or copy the preview below.
  2. Save it as responsive-preview.md in your project's .cursor/commands/ folder.
  3. Start your local dev server, then type /responsive-preview in any Cursor chat.

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

Download command
Read guide Open live viewer
Command ready. If this saved you setup time, you can support Tiny Design Shop.