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:

This skill automates the capture of high-quality screenshots for MicroSim visualizations using Chrome headless mode. Use this skill when working with MicroSims that need preview images for social media sharing, documentation, or quality assessment. The skill handles JavaScript-heavy visualizations that require proper rendering time and external CDN resources. Source: vishalsachdev/claude-skills.

View raw