Responsive Preview Cursor Command

Baixe o comando de barra /responsive-preview para o Cursor. Obtenha capturas com IA nas larguras mobile, tablet e desktop mais um relatório de layout aprovado/alerta/reprovado — depois abra o visualizador lado a lado ao vivo.

Copiar ou baixar

Baixe o arquivo do comando ou copie a prévia abaixo.
Salve como responsive-preview.md na pasta .cursor/commands/ do projeto.
Inicie o servidor de desenvolvimento local e digite /responsive-preview em qualquer chat do Cursor.
Opcional — a mesma skill também vem no pack público: npx skills@latest add iruhdam1/skills (responsive-preview no GitHub).

A pasta do pack está no GitHub e listada em skills.sh.

Prévia do comando

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

Download command

Read guide Open live viewer

Comando pronto. Se isso economizou tempo de configuração, você pode apoiar a Tiny Design Shop.

Perguntas frequentes

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.