·visual-testing
</>

visual-testing

serkan-ozal/browser-devtools-skills

Pruebas visuales, verificación de la interfaz de usuario y comparación de diseños mediante capturas de pantalla e integración de Figma. Úselo cuando el usuario desee verificar la apariencia de la interfaz de usuario, compararla con diseños de Figma, probar diseños responsivos, verificar regresiones visuales o validar la implementación del diseño.

6Instalaciones·2Tendencia·@serkan-ozal

Instalación

$npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing

SKILL.md

Perform visual testing, UI verification, and design comparison using screenshots, responsive testing, and Figma integration.

| Mobile S | 320px | 568px | --width 320 --height 568 | | Mobile M | 375px | 667px | --width 375 --height 667 | | Mobile L | 425px | 812px | --width 425 --height 812 | | Tablet | 768px | 1024px | --width 768 --height 1024 | | Laptop | 1366px | 768px | --width 1366 --height 768 | | Desktop | 1920px | 1080px | --width 1920 --height 1080 |

Pruebas visuales, verificación de la interfaz de usuario y comparación de diseños mediante capturas de pantalla e integración de Figma. Úselo cuando el usuario desee verificar la apariencia de la interfaz de usuario, compararla con diseños de Figma, probar diseños responsivos, verificar regresiones visuales o validar la implementación del diseño. Fuente: serkan-ozal/browser-devtools-skills.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing
Categoría
</>Desarrollo
Verificado
Primera vez visto
2026-02-05
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es visual-testing?

Pruebas visuales, verificación de la interfaz de usuario y comparación de diseños mediante capturas de pantalla e integración de Figma. Úselo cuando el usuario desee verificar la apariencia de la interfaz de usuario, compararla con diseños de Figma, probar diseños responsivos, verificar regresiones visuales o validar la implementación del diseño. Fuente: serkan-ozal/browser-devtools-skills.

¿Cómo instalo visual-testing?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/serkan-ozal/browser-devtools-skills --skill visual-testing Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/serkan-ozal/browser-devtools-skills

Detalles

Categoría
</>Desarrollo
Fuente
skills.sh
Primera vez visto
2026-02-05