Responsive Preview Cursor Command

Laden Sie den Slash-Befehl /responsive-preview für Cursor herunter. Erhalten Sie KI-Screenshots auf Mobil-, Tablet- und Desktop-Breiten plus einen Layout-Bericht mit bestanden/Warnung/nicht bestanden — dann öffnen Sie den Live-Vergleich nebeneinander.

Kopieren oder herunterladen

Laden Sie die Befehlsdatei herunter oder kopieren Sie die Vorschau unten.
Speichern Sie sie als responsive-preview.md im Ordner .cursor/commands/ Ihres Projekts.
Starten Sie Ihren lokalen Dev-Server und tippen Sie dann /responsive-preview in einen beliebigen Cursor-Chat.
Optional — derselbe Skill liegt auch im öffentlichen Pack: npx skills@latest add iruhdam1/skills (responsive-preview auf GitHub).

Der Pack-Ordner liegt auf GitHub und ist auf skills.sh gelistet.

Befehlsvorschau

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

Download command

Read guide Open live viewer

Befehl bereit. Wenn Ihnen das Einrichtungszeit gespart hat, können Sie Tiny Design Shop unterstützen.

Häufig gestellte Fragen

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.