documentation-screenshots

What problem does it solve?

This Skill streamlines the process of capturing browser screenshots and integrating them into documentation, ensuring clear and up-to-date visual aids.

Core Features & Use Cases

• Automated Screenshot Capture: Uses dom-to-image for high-fidelity browser screen captures.
• Documentation Integration: Provides clear instructions for embedding images into MDX/Docusaurus documentation.
• Workflow Management: Outlines a systematic approach from planning to committing screenshots.
• Use Case: When updating the user guide for a new feature, use this skill to capture screenshots of the UI and automatically embed them into the relevant Markdown files.

Quick Start

Follow the steps in the skill to capture a screenshot of the current browser view and prepare it for documentation.