Responsive Preview Cursor Command

Cursor 向けの /responsive-preview スラッシュコマンドをダウンロード。モバイル、タブレット、デスクトップ幅の AI スクリーンショットと pass/warn/fail レイアウトレポートを取得し、ライブの並べて表示ビューアを開きます。

コピーまたはダウンロード

コマンドファイルをダウンロードするか、下のプレビューをコピーします。
プロジェクトの .cursor/commands/ フォルダに responsive-preview.md として保存します。
ローカルの開発サーバーを起動し、Cursor のチャットで /responsive-preview と入力します。
任意 — 同じスキルは公開パックにも入っています: npx skills@latest add iruhdam1/skills (responsive-preview on GitHub).

パックフォルダは GitHub にあり、skills.sh にも掲載されています。

コマンドプレビュー

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

Download command

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.