microsim-screen-capture

SKILL.md

This skill automates the process of capturing high-quality screenshots of MicroSim visualizations using Chrome headless mode. It properly handles dynamic JavaScript content, external CDN libraries (like vis-network.js, p5.js, Chart.js), and ensures the visualization has time to fully render before capturing.

Execute the provided shell script with the MicroSim directory path:

If capturing the screenshot as part of MicroSim standardization, update the index.md YAML frontmatter:

Esta habilidad automatiza la captura de capturas de pantalla de alta calidad para visualizaciones de MicroSim utilizando el modo sin cabeza de Chrome. Utilice esta habilidad cuando trabaje con MicroSims que necesiten imágenes de vista previa para compartir en redes sociales, documentación o evaluación de calidad. La habilidad maneja visualizaciones con mucho JavaScript que requieren un tiempo de renderizado adecuado y recursos CDN externos. Fuente: vishalsachdev/claude-skills.

Ver original