How to use the Responsive Preview command

A Cursor slash command that screenshots a page at mobile, tablet, and desktop widths and returns a pass/warn/fail layout audit in chat. Skill names stay in English. Do not paste the full SKILL.md here — open the shop page for the file.

What it does.

A Cursor slash command that screenshots a page at mobile, tablet, and desktop widths and returns a pass/warn/fail layout audit in chat.

When to invoke it.

Invoke /responsive-preview in Cursor when you want an agent-run audit. Open the browser tool when you want synced preview panes and a Fix in Cursor button yourself.

Install it first.

Follow How to install portable skills, then the platform how-to for your host. Get the file from responsive-preview — never treat GitHub as the primary button.

Shop page versus browser tool.

Working tool: Responsive Preview — use it when you want to operate the UI yourself.

The shop page is Setup only.