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 視覚化用の高品質スクリーンショットのキャプチャを自動化します。ソーシャル メディアの共有、ドキュメント、または品質評価のためにプレビュー画像が必要な MicroSim を操作する場合は、このスキルを使用します。このスキルは、適切なレンダリング時間と外部 CDN リソースを必要とする JavaScript を多用したビジュアライゼーションを処理します。 ソース: vishalsachdev/claude-skills。

原文を見る