Communitygithub.com

wildematt/phone-preview-skill

📱 Skill do Craft Agent: Inicie um servidor de desenvolvimento local com Live Reload e gere um código QR para pré-visualização em dispositivos móveis.

O que é phone-preview-skill?

Este skill permite que agentes de IA (como o Craft Agent) iniciem rapidamente um servidor de desenvolvimento local com recarga automática (Live Reload) e gerem um código QR para acesso ao servidor a partir de dispositivos móveis. É especialmente útil para desenvolvedores que precisam testar rapidamente a aparência e o comportamento de uma aplicação web em um smartphone ou tablet, sem a necessidade de configurações complexas. O skill funciona iniciando um servidor HTTP estático com a flag `--live` para habilitar o Live Reload, e em seguida utiliza uma ferramenta de linha de comando (como `qrcode`) para gerar um código QR que aponta para o endereço IP local do servidor. Dessa forma, o desenvolvedor pode escanear o QR code com a câmera do celular e ver as alterações em tempo real conforme edita o código. É compatível com qualquer projeto web que utilize arquivos estáticos (HTML, CSS, JS, etc.) e não requer dependências externas complexas.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add wildematt/phone-preview-skill

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

O que phone-preview-skill faz?

📱 Skill do Craft Agent: Inicie um servidor de desenvolvimento local com Live Reload e gere um código QR para pré-visualização em dispositivos móveis.

Habilidades Relacionadas