Pruebas en Dispositivos Móviles

Qué hace

Verifica que una página funcione correctamente en dispositivos móviles reales usando emulación con motores Safari y Chromium. Captura capturas de pantalla en distintos viewports y simula interacciones táctiles reales.

Cuándo usarla

• Antes de publicar una landing page orientada a tráfico de anuncios móviles
• Al reportar bugs específicos de iOS o Android
• Al validar que formularios y botones funcionen bien con gestos táctiles

Pasos

1. Definir los dispositivos objetivo (iPhone, iPad, Android)
2. Emular cada viewport con el motor correspondiente (WebKit/Chromium)
3. Simular gestos táctiles sobre elementos interactivos clave
4. Capturar screenshots por dispositivo y tamaño
5. Documentar diferencias visuales o funcionales encontradas
6. Entregar un reporte de hallazgos antes de aplicar cualquier corrección

La skill

---
name: mobile-device-testing
description: Prueba landing pages en motores Safari y Chromium con emulación real de iPhone, iPad y Android, incluyendo gestos táctiles.
---

# Pruebas en Dispositivos Móviles

## 1. Qué hace
Verifica que una página funcione correctamente en dispositivos móviles reales usando emulación con motores Safari y Chromium. Captura capturas de pantalla en distintos viewports y simula interacciones táctiles reales.

## 2. Cuándo usarla
- Antes de publicar una landing page orientada a tráfico de anuncios móviles
- Al reportar bugs específicos de iOS o Android
- Al validar que formularios y botones funcionen bien con gestos táctiles

## 3. Pasos
1. Definir los dispositivos objetivo (iPhone, iPad, Android)
2. Emular cada viewport con el motor correspondiente (WebKit/Chromium)
3. Simular gestos táctiles sobre elementos interactivos clave
4. Capturar screenshots por dispositivo y tamaño
5. Documentar diferencias visuales o funcionales encontradas
6. Entregar un reporte de hallazgos antes de aplicar cualquier corrección

## 4. Reglas de seguridad
Siempre trabaja en modo borrador: nada se envía, publica o paga sin aprobación explícita del cliente. Nunca inventes datos, métricas o resultados. No se piden ni muestran contraseñas, tokens o llaves API en el chat.

## 5. Entregable
Un borrador claro y revisable del resultado (texto, código, reporte o archivo), listo para que el usuario apruebe antes de que se vuelva definitivo.

Para Claude Code, guárdala en ~/.claude/skills/mobile-device-testing/SKILL.md. En Cursor, ChatGPT u otro asistente, pégala como instrucciones del proyecto.