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:

该技能可以使用 Chrome 无头模式自动捕获 MicroSim 可视化的高质量屏幕截图。当使用需要预览图像以进行社交媒体共享、文档或质量评估的 MicroSims 时，请使用此技能。该技能可处理需要适当渲染时间和外部 CDN 资源的 JavaScript 密集型可视化。 来源：vishalsachdev/claude-skills。

查看原文