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。

查看原文