Responsive Preview Cursor Command

下載給 Cursor 的 /responsive-preview 斜線指令。取得手機、平板與桌面寬度的 AI 截圖，加上 pass/warn/fail 版面報告 — 再打開即時並排檢視器。

複製或下載

下載指令檔，或複製下方預覽。
存成專案 .cursor/commands/ 資料夾裡的 responsive-preview.md。
啟動本機開發伺服器，然後在任何 Cursor 聊天輸入 /responsive-preview。
選用 — 同一個 skill 也收在公開 pack：npx skills@latest add iruhdam1/skills (responsive-preview on GitHub).

Pack 資料夾在 GitHub，也列在 skills.sh。

指令預覽

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

Read guide Open live viewer

指令已就緒。若這為你省下設定時間，可以支持 Tiny Design Shop。

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.