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:

Cette compétence automatise la capture de captures d'écran de haute qualité pour les visualisations MicroSim à l'aide du mode sans tête Chrome. Utilisez cette compétence lorsque vous travaillez avec des MicroSims qui ont besoin d'images d'aperçu pour le partage sur les réseaux sociaux, la documentation ou l'évaluation de la qualité. La compétence gère les visualisations lourdes en JavaScript qui nécessitent un temps de rendu approprié et des ressources CDN externes. Source : vishalsachdev/claude-skills.

Voir l'original