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:

Dieser Skill automatisiert die Erfassung hochwertiger Screenshots für MicroSim-Visualisierungen im Chrome-Headless-Modus. Nutzen Sie diese Fähigkeit, wenn Sie mit MicroSims arbeiten, die Vorschaubilder zum Teilen in sozialen Medien, zur Dokumentation oder zur Qualitätsbewertung benötigen. Der Skill verarbeitet JavaScript-lastige Visualisierungen, die eine angemessene Renderzeit und externe CDN-Ressourcen erfordern. Quelle: vishalsachdev/claude-skills.

Original anzeigen