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.

원본 보기