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.