Browser Automation

Skills for programmatically controlling web browsers to navigate pages, interact with elements, fill forms, take snapshots, or run end-to-end web workflows.

31 skills
A
ui-demo

por affaan-m

ui-demo te ayuda a grabar vídeos de demostración de aplicaciones web con un acabado profesional usando Playwright, movimiento visible del cursor y un ritmo natural. Usa la skill ui-demo para recorridos guiados, clips de onboarding, demos de funcionalidades y grabaciones estilo tutorial. Sigue el flujo descubrir, ensayar y luego grabar para obtener resultados fiables, especialmente en prototipos e interfaces que cambian rápido.

Prototypes
Favoritos 0GitHub 156.3k
A
nuxt4-patterns

por affaan-m

nuxt4-patterns es una skill para Nuxt 4 centrada en la seguridad de hydration, las route rules, la carga diferida y la obtención de datos segura para SSR. Usa la skill nuxt4-patterns para tomar mejores decisiones de Frontend Development, reducir desajustes y aplicar el patrón adecuado en cada página o componente.

Frontend Development
Favoritos 0GitHub 156.2k
A
deep-research

por affaan-m

La skill deep-research convierte preguntas amplias en investigación web respaldada por fuentes con las herramientas MCP de firecrawl y exa. Úsala para comparar fuentes, sintetizar hallazgos y producir informes citados para análisis competitivos, evaluación de tecnología, due diligence y otras decisiones que requieren evidencia.

Web Research
Favoritos 0GitHub 156.1k
A
benchmark

por affaan-m

Usa la skill de benchmark para medir bases de rendimiento, detectar regresiones antes y después de los PR y comparar alternativas de stack en páginas, APIs y builds para la optimización del rendimiento.

Performance Optimization
Favoritos 0GitHub 156.1k
G
benchmark

por garrytan

La skill de benchmark ayuda a detectar regresiones de rendimiento en flujos de trabajo web y de aplicaciones. Úsala para establecer una línea base, comparar antes y después de cambios y seguir si una PR hizo que las páginas fueran más lentas, pesadas o menos estables. Es una guía práctica de benchmark para optimización del rendimiento, Core Web Vitals, comprobaciones de Lighthouse, tamaño del bundle y tendencias de tiempo de carga.

Performance Optimization
Favoritos 0GitHub 91.8k
G
canary

por garrytan

canary es una skill de monitoreo postdespliegue que vigila aplicaciones en vivo para detectar errores de consola, fallos de página y regresiones de rendimiento. Compara el comportamiento actual con una línea base previa al despliegue para que puedas verificar una versión, detectar páginas rotas y encontrar anomalías visibles con menos suposiciones que con un prompt genérico.

Monitoring
Favoritos 0GitHub 91.8k
G
qa

por garrytan

La skill de qa prueba de forma sistemática una app web, encuentra errores y verifica correcciones con un flujo de trabajo por etapas. Úsala para pruebas de regresión, comprobaciones de preparación para lanzamiento o como guía estructurada de QA cuando necesites evidencias, valoraciones de severidad y ciclos atómicos de corregir y volver a probar, en lugar de un simple prompt genérico para buscar bugs.

Regression Testing
Favoritos 0GitHub 91.8k
B
open-source

por browser-use

Consulta de documentación para la biblioteca de Python browser-use. La skill open-source ayuda con la instalación, la configuración, el código de Agent y Browser, las variables de entorno de modelos, las herramientas, las integraciones MCP, la monitorización y la guía sobre la API Actor heredada.

Code Generation
Favoritos 0GitHub 84.9k
G
gstack

por garrytan

gstack es una skill de IA guiada por navegador para pruebas QA, uso interno, validación de releases y captura de bugs. Abre páginas reales, hace clic en la interfaz, verifica el estado, compara antes y después, prueba diseños responsivos y guarda evidencia respaldada por capturas de pantalla. Es especialmente útil para revisión de diseño de UI y validación de despliegues cuando necesitas resultados fiables del navegador con la skill gstack.

UI Design
Favoritos 0GitHub 71.2k
M
diagnose

por mattpocock

diagnose es un flujo de trabajo estructurado de depuración para bugs difíciles, tests inestables y regresiones de rendimiento. Te ayuda a reproducir el problema, reducir el caso que falla, formular una sola hipótesis por vez, añadir instrumentación, corregir la causa raíz y dejarlo protegido con un test de regresión. Usa la guía diagnose cuando “depura esto” no sea suficiente.

Debugging
Favoritos 0GitHub 66k
P
critique

por pbakaus

critique te ayuda a revisar interfaces, funciones, páginas o componentes desde una perspectiva UX con puntuación estructurada, pruebas basadas en personas, revisiones heurísticas y feedback accionable. Usa la skill critique cuando necesites una guía repetible de crítica para diseño UI/UX, no comentarios vagos. Es ideal para un uso de crítica enfocado en un área concreta y con contexto claro.

UI/UX Design
Favoritos 0GitHub 20.4k
O
figma-create-new-file

por openai

figma-create-new-file crea un nuevo archivo en blanco de Figma Design o un tablero de FigJam en borradores. Úsalo cuando necesites un punto de partida limpio antes de otras acciones en Figma, incluyendo use_figma. Admite design o figjam, nombre de archivo opcional y puede resolver el acceso al plan con whoami cuando hace falta.

UI Design
Favoritos 0GitHub 18.6k
J
baoyu-post-to-wechat

por JimLiu

baoyu-post-to-wechat es una skill de publicación para cuentas oficiales de WeChat con flujos mediante navegador y API para artículos y publicaciones de imagen y texto. Admite entradas en Markdown, HTML y texto plano, extracción de título y resumen basada en frontmatter, conversión de Markdown a WeChat, gestión de imágenes y comprobaciones del entorno para la automatización con perfiles de Chrome.

Social Media
Favoritos 0GitHub 13.2k
J
baoyu-post-to-weibo

por JimLiu

baoyu-post-to-weibo permite a los agentes publicar posts de Weibo y artículos de titular mediante una sesión real de Chrome. Admite texto, imágenes, video, conversión de Markdown a HTML, utilidades para pegar desde el portapapeles y ejecución con bun o npx para flujos de publicación fiables.

Social Media
Favoritos 0GitHub 13.2k
H
transformers-js

por huggingface

Usa transformers-js para ejecutar modelos de ML en JavaScript y TypeScript en entornos de navegador y servidor. La skill de transformers-js cubre la instalación, la carga de modelos, el almacenamiento en caché, la configuración y el uso práctico de transformers-js para tareas de texto, visión, audio y multimodales, además de transformers-js para generación de código con modelos de text-generation compatibles.

Code Generation
Favoritos 0GitHub 10.4k
A
seo-dataforseo

por AgriciDaniel

seo-dataforseo conecta Claude con datos SEO en vivo a través del servidor MCP de DataForSEO para comprobar SERP, investigar palabras clave, analizar backlinks y on-page, estudiar la competencia, revisar fichas de negocio y seguir la visibilidad en IA. Es ideal para flujos de trabajo basados en datos cuando necesitas evidencia real de búsqueda, una guía de instalación clara y un uso práctico de seo-dataforseo.

Keyword Research
Favoritos 0GitHub 6.2k
A
seo-audit

por AgriciDaniel

seo-audit realiza una auditoría SEO completa de un sitio web con delegación paralela a subagentes, rastrea hasta 500 páginas y detecta el tipo de negocio. Cubre señales técnicas, de contenido, schema, rendimiento, visuales, locales y geográficas, y luego devuelve un health score con correcciones priorizadas para la revisión integral del sitio y el análisis de contenido SEO.

SEO Content
Favoritos 0GitHub 6.2k
M
analyzing-browser-forensics-with-hindsight

por mukul975

analyzing-browser-forensics-with-hindsight ayuda a equipos de análisis forense digital a examinar artefactos de navegadores Chromium con Hindsight, incluidos historial, descargas, cookies, autocompletado, marcadores, metadatos de credenciales guardadas, caché y extensiones. Úsalo para reconstruir la actividad web, revisar líneas de tiempo e investigar perfiles de Chrome, Edge, Brave y Opera.

Digital Forensics
Favoritos 0GitHub 6.2k
H
website-to-hyperframes

por heygen-com

website-to-hyperframes es una skill de flujo de trabajo para convertir un sitio web existente en un video de HyperFrames. Úsala cuando tengas una URL y quieras crear un recorrido de producto, una promo, un anuncio para redes o un video explicativo basado en el diseño, el texto y los recursos reales del sitio. El repo admite captura, diseño, guion, storyboard, voz en off, construcción y validación para trabajos de implementación de diseño.

Design Implementation
Favoritos 0GitHub 2.7k
W
wp-playground

por WordPress

La skill wp-playground te ayuda a crear entornos desechables y reproducibles de WordPress Playground para probar plugins y temas, cambiar versiones, trabajar con blueprints, crear snapshots y depurar de forma aislada. Es compatible con flujos en navegador o en CLI mediante @wp-playground/cli y resulta especialmente útil para desarrollo backend, QA y reproducción controlada de incidencias.

Backend Development
Favoritos 0GitHub 1.4k
C
web-perf

por cloudflare

web-perf analiza el rendimiento web con Chrome DevTools MCP. Mide Core Web Vitals, problemas de carga basados en traces, recursos que bloquean el renderizado, cambios de diseño, problemas de caché y brechas de accesibilidad. Usa la skill web-perf para optimización del rendimiento, depurar páginas lentas y flujos de trabajo de guía web-perf basados en evidencia que dependen de documentación actual y traces en vivo.

Performance Optimization
Favoritos 0GitHub 1.3k
C
agents-sdk

por cloudflare

agents-sdk te ayuda a crear agentes para Cloudflare Workers con conversaciones con estado, ejecución duradera, chat por WebSocket o en streaming, integración con MCP, tareas programadas y automatización del navegador. Esta skill de agents-sdk se centra en decidir la instalación, la configuración y el uso práctico en aplicaciones Workers nuevas o existentes, con orientación sobre sistemas multiagente solo cuando encajan con las restricciones del runtime de Cloudflare.

Multi-Agent Systems
Favoritos 0GitHub 1.3k
M
network

por markdown-viewer

Usa el skill de network para crear diagramas de topología de red en PlantUML con iconos de dispositivos mxGraph, auto-layout, agrupación por zonas y semántica clara de enlaces. Encaja bien con diagramas de LAN, WAN, empresariales, de centros de datos, inalámbricos, de seguridad y específicos de proveedores, con ejemplos de uso de network y orientación sobre cuándo conviene usar network en lugar de uml o cloud.

Diagramming
Favoritos 0GitHub 1.1k
O
slack-messaging

por obra

Usa la skill slack-messaging para enviar o leer mensajes de Slack, consultar canales, probar integraciones de Slack e interactuar con un workspace de Slack desde la línea de comandos con slackcli para automatizar flujos de trabajo.

Workflow Automation
Favoritos 0GitHub 323
Browser Automation